/* Delivery round: billable creation, export, immersive editing and final admin UX. */
:root{
  --dv-accent:var(--theme-a,#7043ef);
  --dv-accent-2:var(--theme-b,#12bdd0);
  --dv-line:color-mix(in srgb,var(--dv-accent) 13%,#e1e3eb);
  --dv-soft:color-mix(in srgb,var(--dv-accent) 6%,#fff);
  --dv-ink:#262139;
  --dv-muted:#777184;
  --dv-success:#23966c;
  --dv-danger:#e35b56;
}

/* Global header and destination controls */
.header-actions .rr-icon-btn[data-global-action="search"]{display:none!important}
.header-actions .rr-icon-btn[data-global-action="notice"]{
  position:relative;width:36px;height:36px;border-radius:12px;font-size:0!important;
}
.header-actions .rr-icon-btn[data-global-action="notice"]::before{
  content:"";width:15px;height:16px;border:1.8px solid currentColor;border-radius:8px 8px 5px 5px;
  border-bottom:0;transform:translateY(-1px);
}
.header-actions .rr-icon-btn[data-global-action="notice"]::after{
  content:"";position:absolute;width:5px;height:2px;border-radius:4px;background:currentColor;bottom:7px;
  box-shadow:0 -3px 0 -1px currentColor;
}
.header-actions .rr-avatar{border-radius:12px!important;font-weight:800}
.rr-panel-bg{backdrop-filter:blur(8px)}

/* Copy candidates: quiet selected state, two text levels only */
.copy-version-card{
  border-color:transparent!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--dv-line);
  min-height:78px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.copy-version-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dv-accent) 42%,var(--dv-line)),0 8px 20px rgba(45,34,82,.06)!important}
.copy-version-card.active{
  border-color:transparent!important;background:var(--dv-soft)!important;
  box-shadow:inset 3px 0 var(--dv-accent),0 9px 22px color-mix(in srgb,var(--dv-accent) 10%,transparent)!important;
}
.copy-version-card span{display:none!important}
.copy-version-card b{font-size:14px!important;line-height:1.5;margin:0!important}
.copy-editor-head{min-height:52px;gap:12px}
.dv-editor-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.dv-editor-actions .light{height:32px;padding:0 11px;font-size:11px}

/* Reusable export menus */
.dv-export-wrap{position:relative;display:inline-flex}
.dv-export-menu{
  position:absolute;right:0;top:calc(100% + 7px);z-index:80;width:190px;padding:7px;border:1px solid var(--dv-line);
  border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px rgba(37,30,58,.15);
  backdrop-filter:blur(14px);animation:dv-pop .16s ease-out;
}
.dv-export-menu[hidden]{display:none!important}
.dv-export-menu button{
  width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px 8px;border:0;
  border-radius:8px;background:transparent;text-align:left;color:var(--dv-ink);
}
.dv-export-menu button:hover{background:var(--dv-soft);color:var(--dv-accent)}
.dv-export-menu i{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--dv-soft);
  color:var(--dv-accent);font-style:normal;font-size:10px;font-weight:850;
}
.dv-export-menu b,.dv-export-menu small{display:block}.dv-export-menu b{font-size:12px}.dv-export-menu small{font-size:10px;color:var(--dv-muted);margin-top:2px}

/* Storyboard table and spacing */
.storyboard-panel{margin-top:24px!important;padding:18px!important;background:#fff!important}
.storyboard-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.storyboard-pro-head h3{margin:0!important}
.storyboard-pro-head>div{display:flex;align-items:center;gap:8px}
.storyboard-table{table-layout:fixed}
.storyboard-table th:nth-child(1){width:82px}.storyboard-table th:nth-child(2){width:70px}.storyboard-table th:nth-child(3){width:88px}
.storyboard-table th:nth-child(4){width:24%}.storyboard-table th:nth-child(5){width:120px}
.storyboard-table td{word-break:break-word}

/* Immersive copy editor */
.dv-immersive{
  position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:68px minmax(0,1fr);
  background:
    radial-gradient(circle at 9% 4%,color-mix(in srgb,var(--dv-accent) 12%,transparent),transparent 28%),
    radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--dv-accent-2) 12%,transparent),transparent 26%),
    #f8f7fc;
}
.dv-immersive[hidden]{display:none!important}
.dv-immersive-head{
  display:flex;align-items:center;justify-content:flex-start!important;gap:14px;padding:0 24px;border-bottom:1px solid var(--dv-line);
  background:rgba(255,255,255,.82);backdrop-filter:blur(16px);
}
.dv-immersive-head .dv-close{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:40px;margin:0;padding:0 14px;border:1px solid var(--dv-line);border-radius:10px;background:#fff;color:var(--dv-ink);box-shadow:0 3px 10px rgba(43,34,70,.04)}
.dv-immersive-head .dv-close:hover{border-color:color-mix(in srgb,var(--dv-accent) 42%,var(--dv-line));color:var(--dv-accent);background:var(--dv-soft)}
.dv-immersive-head .dv-close>span{color:currentColor;font-size:15px;line-height:1}
.dv-immersive-title{display:flex;align-items:baseline;gap:12px;min-width:0;padding-left:14px;border-left:1px solid var(--dv-line)}
.dv-immersive-title strong{font-size:17px;white-space:nowrap}
.dv-immersive-title>span{overflow:hidden;color:var(--dv-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.dv-immersive-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:18px 24px}
.dv-immersive-copy,.dv-immersive-chat{
  min-height:0;border:1px solid var(--dv-line);border-radius:16px;background:#fff;box-shadow:0 16px 45px rgba(43,34,70,.07);
}
.dv-immersive-copy{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr)}
.dv-immersive-copy-head,.dv-chat-head{
  padding:14px 18px;border-bottom:1px solid #eceaf1;display:flex;justify-content:space-between;align-items:center;
}
.dv-immersive-copy-head small,.dv-chat-head small{color:var(--dv-muted)}
.dv-immersive-editor{
  min-height:0;overflow:auto;padding:28px clamp(28px,7vw,96px) 150px;outline:0;font-size:17px;line-height:1.95;color:var(--dv-ink);
}
.dv-immersive-editor p{margin:0 0 18px}
.dv-immersive-editor:focus{box-shadow:none!important;outline:0!important}
.dv-immersive-editor::selection,#copy-editor::selection,#director-editor::selection{background:#5960ee;color:#fff;text-shadow:none}
.dv-immersive-editor::-moz-selection,#copy-editor::-moz-selection,#director-editor::-moz-selection{background:#5960ee;color:#fff;text-shadow:none}
.dv-selection-tools{
  position:absolute;z-index:4;left:50%;right:auto;bottom:22px;width:min(600px,calc(100% - 48px));padding:10px;border:1px solid var(--dv-line);
  border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(42,32,76,.14);backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px) scale(.985);transform-origin:top left;
  transition:top .2s var(--ui-ease,ease),left .2s var(--ui-ease,ease),opacity .16s ease,transform .2s var(--ui-ease,ease);
  will-change:top,left,transform,opacity;
}
.dv-selection-tools.is-active{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.dv-selection-tools.is-active.is-positioned{transform:translateY(0) scale(1)}
.dv-selection-tools.is-dragging{cursor:grabbing;transition:none!important}
.dv-selection-summary{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--dv-muted);font-size:11px;line-height:1.5}
.dv-selection-summary b{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dv-accent)}
.dv-quick-rewrite{display:flex;gap:8px;margin-bottom:11px;flex-wrap:wrap}
.dv-quick-rewrite button{height:32px;padding:0 11px;border:1px solid var(--dv-line);border-radius:8px;background:#fff;color:var(--dv-muted);font-size:12px}
.dv-quick-rewrite button:hover{border-color:var(--dv-accent);color:var(--dv-accent);background:var(--dv-soft)}
.dv-rewrite-entry{position:relative;display:block}
.dv-rewrite-entry textarea{display:block;width:100%;height:56px;min-height:56px;padding:10px 154px 10px 12px;border:1px solid #e8e7eb;border-radius:11px;resize:none;overflow:hidden;font:inherit;line-height:1.55}
.dv-rewrite-entry textarea:focus{outline:0!important;border-color:#e8e7eb!important;box-shadow:none!important}
.dv-rewrite-entry button{position:absolute;right:10px;top:7px;z-index:1;height:42px;min-height:42px;padding:0 14px}
.dv-rewrite-entry.is-multiline textarea{height:auto;min-height:100px;padding:11px 14px 64px}
.dv-rewrite-entry.is-multiline button{top:auto;bottom:10px}
.dv-immersive-chat{display:grid;grid-template-rows:auto minmax(0,1fr)}
.dv-chat-history{overflow:auto;padding:15px;display:grid;align-content:start;gap:10px}
.dv-chat-empty{padding:22px;border-radius:12px;background:var(--dv-soft);color:var(--dv-muted);font-size:12px;line-height:1.7}
.dv-chat-item{display:grid;gap:6px}
.dv-chat-item .user,.dv-chat-item .ai{padding:10px 11px;border-radius:11px;font-size:11px;line-height:1.55}
.dv-chat-item .user{margin-left:30px;background:linear-gradient(135deg,var(--dv-accent),var(--dv-accent-2));color:#fff}
.dv-chat-item .user small{display:block;margin-bottom:2px;color:rgba(255,255,255,.78);font-size:10px}
.dv-chat-item .ai{margin-right:20px;background:#f4f3f8;color:#514b5c}
.dv-copy-session-history{margin-top:14px;border-top:1px solid #eceaf1;padding-top:12px}
.dv-copy-session-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;color:var(--dv-ink)}
.dv-copy-session-head small{font-size:11px;font-weight:500;color:var(--dv-muted)}
.dv-copy-session-history .dv-chat-history{max-height:205px;padding:0 2px 2px;gap:8px}
.dv-copy-session-history .dv-chat-empty{padding:11px;font-size:11px}
.dv-copy-session-history .dv-chat-item .user,.dv-copy-session-history .dv-chat-item .ai{font-size:11px}

/* Director: larger tutorial and same-page AI editing */
.director-workspace{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr)!important;gap:18px!important;align-items:start}
.tutorial-mini{padding:14px!important}
.tutorial-mini .video-mini{min-height:280px!important;border-radius:12px!important;display:grid!important;place-items:center!important}
.tutorial-mini h3{margin-top:16px!important}
.director-editor .editor{min-height:390px!important}
.dv-director-ai{
  margin:0 14px 12px;padding:12px;border:1px solid var(--dv-line);border-radius:12px;background:var(--dv-soft);
  display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:8px;align-items:center;
}
.dv-director-ai[hidden]{display:none!important}
.dv-director-ai small{grid-column:1/-1;color:var(--dv-muted)}
.dv-director-ai .dv-quick-rewrite{margin:0}
.dv-director-ai input{height:36px;padding:0 10px;border:1px solid var(--dv-line);border-radius:8px}

/* Users, unified credit pool and configurable billing rules */
.dv-billing-console{display:grid;grid-template-columns:minmax(480px,.95fr) minmax(500px,1.05fr);gap:14px;min-height:590px}
.dv-billing-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dv-billing-overview article{padding:15px;border:1px solid var(--dv-line);border-radius:12px;background:#fff}
.dv-billing-overview small,.dv-billing-overview b,.dv-billing-overview span{display:block}
.dv-billing-overview b{font-size:20px;margin:6px 0}.dv-billing-overview span{font-size:11px;color:var(--dv-muted)}
.dv-rule-list,.dv-rule-editor{overflow:hidden}
.dv-rule-head{padding:15px 16px;border-bottom:1px solid #eceaf1;display:flex;align-items:center;justify-content:space-between}
.dv-rule-head small{color:var(--dv-muted)}
.dv-rule-row{
  width:100%;display:grid;grid-template-columns:minmax(140px,1fr) 80px 84px;gap:10px;align-items:center;
  padding:12px 15px;border:0;border-bottom:1px solid #eceaf1;background:#fff;text-align:left;color:var(--dv-ink);
}
.dv-rule-row:hover{background:#fbfaff}.dv-rule-row.active{background:var(--dv-soft);box-shadow:inset 3px 0 var(--dv-accent)}
.dv-rule-row b,.dv-rule-row small{display:block}.dv-rule-row small{margin-top:3px;color:var(--dv-muted);font-size:10px}
.dv-rule-price{font-weight:850;color:var(--dv-accent)}.dv-rule-state{color:var(--dv-success);font-size:10px}
.dv-rule-form{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dv-rule-form label{display:grid;gap:6px;color:#5f596b;font-size:11px;font-weight:750}
.dv-rule-form .wide{grid-column:1/-1}
.dv-rule-form input,.dv-rule-form select,.dv-rule-form textarea{width:100%;min-height:40px;padding:9px 11px}
.dv-rule-form textarea{min-height:82px;resize:vertical}
.dv-rule-switch{display:flex!important;align-items:center;gap:8px!important;padding:10px;border:1px solid var(--dv-line);border-radius:9px;background:#fbfaff}
.dv-rule-switch input{width:17px!important;min-height:17px!important;accent-color:var(--dv-accent)}
.dv-rule-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}

/* Help center pages */
#help .page-head{margin-bottom:16px!important}
.dv-help-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}
.dv-help-nav{padding:9px;height:max-content}
.dv-help-nav button{width:100%;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left;color:var(--dv-ink)}
.dv-help-nav button:hover,.dv-help-nav button.active{background:var(--dv-soft);color:var(--dv-accent)}
.dv-help-nav b,.dv-help-nav small{display:block}.dv-help-nav small{margin-top:4px;color:var(--dv-muted);font-size:10px}
.dv-help-content{padding:22px;min-height:520px}
.dv-help-content h2{margin:0 0 8px}.dv-help-content>p{color:var(--dv-muted);margin:0 0 20px}
.dv-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dv-guide-steps article{padding:16px;border:1px solid var(--dv-line);border-radius:12px;background:#fff}
.dv-guide-steps i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--dv-soft);color:var(--dv-accent);font-style:normal;font-weight:850}
.dv-guide-steps h3{margin:12px 0 6px;font-size:14px}.dv-guide-steps p{margin:0;color:var(--dv-muted);font-size:11px;line-height:1.6}
.dv-help-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:860px}
.dv-help-form label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#5f596b}
.dv-help-form .wide{grid-column:1/-1}
.dv-help-form input,.dv-help-form select,.dv-help-form textarea{width:100%;min-height:42px;padding:10px 12px}
.dv-help-form textarea{min-height:140px;resize:vertical}
.dv-help-form .primary{grid-column:1/-1;justify-self:start}
.dv-contact-card{max-width:760px;padding:20px;border:1px solid var(--dv-line);border-radius:14px;background:linear-gradient(135deg,#fff,var(--dv-soft))}
.dv-contact-card dl{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:18px 0}.dv-contact-card dt{color:var(--dv-muted)}.dv-contact-card dd{margin:0;font-weight:750}

/* Content configuration: clearer hierarchy, same visual language */
.dv-config-guide{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;padding:9px;border:1px solid var(--dv-line);
  border-radius:13px;background:rgba(255,255,255,.72);
}
.dv-config-guide span{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--dv-muted);font-size:11px}
.dv-config-guide b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--dv-soft);color:var(--dv-accent)}
.rr-config-domains{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:6px!important}
.rr-config-domains button{height:42px!important;text-align:left!important;padding:0 13px!important}
.rr-config-domains button small{display:none!important}
.rr-config-workspace{grid-template-columns:minmax(330px,.76fr) minmax(560px,1.24fr)!important}
.rr-config-list,.rr-config-editor{border-color:var(--dv-line)!important;box-shadow:0 14px 35px rgba(43,34,70,.05)!important}
.rr-config-subtabs{background:#faf9fc}
.rr-config-editor-head{background:linear-gradient(135deg,#fff,var(--dv-soft))}
.dv-model-routing{display:grid!important;gap:10px!important}
.dv-routing-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dv-routing-field{display:grid;gap:6px}
.dv-routing-field>span{font-size:10px;font-weight:750;color:var(--dv-muted)}
.dv-routing-field select{width:100%}
.dv-backup-head{display:flex;align-items:center;gap:8px;margin-top:2px}
.dv-backup-head strong{font-size:11px}
.dv-backup-head small{color:var(--dv-muted)}
.dv-backup-head .dv-add-backup{margin-left:auto;padding:7px 10px}
.dv-backup-list{display:grid;gap:7px}
.dv-backup-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:1px solid var(--dv-line);border-radius:var(--ui-radius-md,12px);background:var(--dv-surface)}
.dv-backup-row>b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--dv-soft);color:var(--dv-accent);font-size:10px}
.dv-backup-row select{min-width:0}
.dv-row-action,.dv-remove-backup{height:30px;border:1px solid var(--dv-line);border-radius:8px;background:var(--dv-surface);color:var(--dv-muted);cursor:pointer}
.dv-row-action:hover{border-color:var(--dv-accent);color:var(--dv-accent);background:var(--dv-soft)}
.dv-remove-backup{padding:0 9px;color:#d65a68}
.dv-remove-backup:hover{border-color:#f2b7be;background:#fff7f8}
.dv-routing-note{
  display:block;padding:9px 11px;border-radius:9px;background:var(--dv-soft);
  color:var(--dv-muted);font-size:10px;line-height:1.55;font-weight:500;
}

/* Frozen reusable layouts: stable work areas, uploaders and admin detail panels */
.dv-route-reference{
  display:grid;grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr) auto;gap:12px;align-items:center;
  padding:12px;border:1px solid var(--dv-line);border-radius:12px;background:linear-gradient(135deg,#fff,var(--dv-soft));
}
.dv-route-reference div{display:grid;gap:4px}.dv-route-reference small{color:var(--dv-muted);font-size:10px}.dv-route-reference b{font-size:12px}

#config .rr-config-shell.dv-config-stable{min-height:720px;align-content:start}
#config .rr-config-workspace{grid-template-columns:320px minmax(640px,1fr)!important;min-height:620px;align-items:stretch}
#config .rr-config-list,#config .rr-config-editor{min-height:620px}
#config .rr-config-list{display:flex;flex-direction:column}
#config .rr-config-list>div:last-child{flex:1}
#config .rr-config-fields{align-content:start}

.dv-upload{width:100%}
.dv-upload-drop{
  width:100%;min-height:112px;display:grid;place-items:center;align-content:center;gap:5px;padding:16px;
  border:1px dashed color-mix(in srgb,var(--dv-accent) 46%,var(--dv-line));border-radius:12px;
  background:linear-gradient(135deg,#fff,var(--dv-soft));color:var(--dv-ink);cursor:pointer;
}
.dv-upload-drop:hover,.dv-upload-drop.dragging{border-color:var(--dv-accent);background:color-mix(in srgb,var(--dv-soft) 82%,#fff)}
.dv-upload-drop b{font-size:12px}.dv-upload-drop small{color:var(--dv-muted);font-weight:500}
.dv-upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--dv-accent),var(--dv-accent-2));color:#fff;font-size:20px}
.dv-upload-preview{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--dv-line);border-radius:12px;background:#fff}
.dv-upload-preview[hidden]{display:none!important}.dv-upload-preview img{width:72px;height:54px;object-fit:cover;border-radius:8px;background:var(--dv-soft)}
.dv-upload-preview div{display:grid;gap:4px}.dv-upload-preview small{color:var(--dv-muted);font-weight:500}

.dv-contact-card{max-width:920px!important;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center}
.dv-contact-details>b{font-size:17px}.dv-contact-details>div{display:flex;gap:8px;flex-wrap:wrap}
.dv-contact-qr{display:grid;place-items:center;gap:9px;padding:16px;border-left:1px solid var(--dv-line);text-align:center}
.dv-contact-qr>img,.dv-qr-placeholder{width:180px;height:180px;border:1px solid var(--dv-line);border-radius:15px;background:#fff}
.dv-contact-qr>img{object-fit:cover}.dv-contact-qr>small{color:var(--dv-muted)}
.dv-qr-placeholder{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#fff,var(--dv-soft))}
.dv-qr-placeholder i{position:absolute;width:38px;height:38px;border:7px solid var(--dv-ink)}
.dv-qr-placeholder i:nth-child(1){left:18px;top:18px}.dv-qr-placeholder i:nth-child(2){right:18px;top:18px}.dv-qr-placeholder i:nth-child(3){left:18px;bottom:18px}
.dv-qr-placeholder span{position:relative;padding:8px;border-radius:8px;background:rgba(255,255,255,.9);font-size:10px;line-height:1.5;color:var(--dv-muted)}

.dv-feedback-tabs{margin-bottom:14px}
.dv-feedback-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.dv-feedback-filters label{display:grid;gap:6px;color:var(--dv-muted);font-size:10px;font-weight:750}
.dv-feedback-filters select{width:100%;height:40px}
.dv-feedback-workspace{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);gap:14px;align-items:stretch;min-height:620px}
.dv-feedback-list,.dv-feedback-detail{overflow:hidden}
.dv-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--dv-line)}
.dv-panel-head small{display:block;margin-top:4px;color:var(--dv-muted);font-size:10px}
.dv-feedback-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid var(--dv-line);background:#fff;text-align:left;color:var(--dv-ink)}
.dv-feedback-row:hover{background:#fbfaff}.dv-feedback-row.active{background:var(--dv-soft);box-shadow:inset 3px 0 var(--dv-accent)}
.dv-feedback-row b,.dv-feedback-row small{display:block}.dv-feedback-row small{margin-top:5px;color:var(--dv-muted);font-size:10px}
.dv-ticket-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:14px 16px;border-bottom:1px solid var(--dv-line)}
.dv-ticket-meta div{padding:0 12px;border-right:1px solid var(--dv-line)}.dv-ticket-meta div:first-child{padding-left:0}.dv-ticket-meta div:last-child{border:0}
.dv-ticket-meta dt{color:var(--dv-muted);font-size:10px}.dv-ticket-meta dd{margin:5px 0 0;font-size:11px;font-weight:750}
.dv-ticket-description,.dv-ticket-shot{padding:14px 16px;border-bottom:1px solid var(--dv-line)}
.dv-ticket-description p{margin:8px 0 0;line-height:1.7;color:#4f495c}
.dv-shot-preview,.dv-empty-shot{margin-top:9px;min-height:96px;display:grid;place-items:center;align-content:center;gap:4px;border:1px dashed var(--dv-line);border-radius:10px;background:var(--dv-soft);color:var(--dv-muted)}
.dv-ticket-handle,.dv-support-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
.dv-ticket-handle label,.dv-support-form label{display:grid;gap:6px;color:var(--dv-muted);font-size:10px;font-weight:750}
.dv-ticket-handle .wide,.dv-support-form .wide{grid-column:1/-1}.dv-ticket-handle textarea,.dv-support-form textarea{min-height:92px;resize:vertical}
.dv-ticket-handle>.primary,.dv-support-form>.primary{grid-column:1/-1;justify-self:end}
.dv-support-config{max-width:1120px}

.dv-immersive-body{grid-template-columns:minmax(0,1fr) 340px}
.dv-selection-tools{right:auto!important;width:min(600px,calc(100% - 48px));min-height:166px;padding:12px!important;cursor:grab}
.dv-selection-tools button,.dv-selection-tools input,.dv-selection-tools textarea{cursor:auto}
.dv-immersive-editor{padding-bottom:170px}
.dv-director-ai{margin-top:10px}

/* Final interaction pass: preview before export, stable admin panels and compact support. */
.dv-export-preview{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:28px;background:rgba(30,24,49,.38);backdrop-filter:blur(5px)}
.dv-export-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(780px,100%);max-height:min(760px,calc(100vh - 56px));border:1px solid var(--ui-line);border-radius:18px;background:#fff;box-shadow:0 26px 70px rgba(25,19,50,.25);overflow:hidden}
.dv-export-dialog-head,.dv-export-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ui-line)}
.dv-export-dialog-head b,.dv-export-dialog-head small{display:block}.dv-export-dialog-head small{margin-top:3px;color:var(--ui-text-2);font-size:11px}.dv-export-dialog-actions{justify-content:flex-end;border-top:1px solid var(--ui-line);border-bottom:0}
.dv-export-document{overflow:auto;padding:28px 42px;color:var(--ui-text-1);line-height:1.8}.dv-export-document h2{margin:0 0 20px}.dv-export-document p{margin:0 0 12px}.dv-export-document table{width:100%;border-collapse:collapse;font-size:12px}.dv-export-document th,.dv-export-document td{padding:9px;vertical-align:top;border:1px solid var(--ui-line);text-align:left}
.dv-exception-rule{display:flex;align-items:center;gap:18px;padding:12px 13px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-surface-soft)}
.dv-exception-rule>b{font-size:12px;white-space:nowrap}.dv-exception-rule .dv-rule-switch{margin:0!important}
.dv-start-list{display:grid;gap:9px}.dv-start-list button{display:grid;gap:4px;padding:14px;text-align:left;border:1px solid var(--ui-line);border-radius:var(--ui-radius-md);background:#fff}.dv-start-list button:hover{border-color:var(--ui-brand-1);background:var(--ui-surface-soft)}.dv-start-list small{color:var(--ui-text-2)}
.dv-contact-card dl{grid-template-columns:86px 1fr!important;gap:8px 10px!important}.dv-contact-card dd,.dv-contact-details>b{font-weight:500!important}.dv-contact-details>div{margin-top:20px!important}.dv-contact-qr{padding:12px!important;align-self:center}.dv-contact-qr small{line-height:1.45}
.model-capabilities{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-surface-soft)}.model-capabilities>b{font-size:12px;margin-right:3px}.model-capabilities span{padding:4px 8px;border-radius:999px;background:#fff;color:var(--ui-text-2);font-size:11px}.model-capabilities small{width:100%;color:var(--ui-text-2);font-size:11px}
#copy-editor::highlight(uu-copy-selection){background:#5960ee;color:#fff;text-shadow:none}
.dv-config-stable{min-height:680px}.dv-config-stable .rr-config-workspace{min-height:560px}.dv-config-stable .rr-config-list,.dv-config-stable .rr-config-editor{min-height:560px}
/* Content configuration list — selected A: light cards with a slim violet accent. */
#config .rr-config-list>div:last-child{display:grid;align-content:start;gap:0;padding:12px;flex:1;background:#fff}
#config .rr-config-row{position:relative;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 17px;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;overflow:hidden;transition:background .18s var(--ui-ease),transform .18s var(--ui-ease)}
#config .rr-config-row:hover{background:var(--ui-surface-soft)!important;transform:translateY(-1px)}
#config .rr-config-row.active{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-brand-1) 8%,#fff),color-mix(in srgb,var(--ui-brand-2) 5%,#fff))!important;box-shadow:none!important}
#config .rr-config-row.active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--ui-brand-1),var(--ui-brand-2))}
#config .rr-config-row:not(:last-child)::after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:1px;background:color-mix(in srgb,var(--ui-brand-1) 11%,#ebe8f0)}
#config .rr-config-row strong{font-size:14px!important;color:var(--ui-text-1)}
#config .rr-config-row small{margin-top:5px!important;color:var(--ui-text-2)!important;font-size:11px!important}
#config .rr-config-row em{justify-self:end;padding:5px 9px!important;background:#e8f8ef!important;color:#23885e!important;font-size:10px!important}

/* Two complete control systems, not just two outer shells. */
body[data-official-theme="06"]{
  --ui-radius-sm:11px;--ui-radius-md:14px;--ui-surface-soft:#fbf6ff;--ui-line:#e4d8f1;
}
body[data-official-theme="06"] .primary{
  border-radius:11px!important;background:linear-gradient(135deg,#9d3bd1,#e963a5 58%,#2abbd0)!important;
  box-shadow:0 10px 24px rgba(157,59,209,.20)!important;
}
body[data-official-theme="06"] .light{
  border-color:#e5d8ee!important;background:#fffafa!important;color:#5b4766!important;
}
body[data-official-theme="06"] input:not([type="checkbox"]):not([type="radio"]),body[data-official-theme="06"] textarea,body[data-official-theme="06"] select{
  border-color:#e2d4ec!important;background:#fffdfd!important;
}
body[data-official-theme="06"] .rr-config-domains,body[data-official-theme="06"] .rr-config-subtabs{background:#fff8fc!important}
body[data-official-theme="06"] .rr-config-domains button.active,body[data-official-theme="06"] .rr-config-subtabs button.active{background:linear-gradient(135deg,#9d3bd1,#e963a5)!important}
body[data-official-theme="06"] #config .rr-config-row.active{background:linear-gradient(135deg,#fcf4ff,#fff8fc)!important}
body[data-official-theme="06"] #config .rr-config-row.active::before{background:linear-gradient(180deg,#a043d4,#ef73aa)!important}

body[data-official-theme="20"]{
  --ui-radius-sm:8px;--ui-radius-md:12px;--ui-surface-soft:#f2f6ff;--ui-line:#d8e4fa;
}
body[data-official-theme="20"] .primary{
  border-radius:14px 7px 14px 7px!important;background:linear-gradient(135deg,#632be9,#247cf1 55%,#12c5c9)!important;
  box-shadow:0 11px 24px rgba(42,105,237,.22)!important;
}
body[data-official-theme="20"] .light{
  border-color:#d3e2fb!important;border-radius:12px 7px 12px 7px!important;background:#f8fbff!important;color:#2d4f85!important;
}
body[data-official-theme="20"] input:not([type="checkbox"]):not([type="radio"]),body[data-official-theme="20"] textarea,body[data-official-theme="20"] select{
  border-color:#cddffc!important;border-radius:10px!important;background:#f9fbff!important;
}
body[data-official-theme="20"] .rr-config-domains,body[data-official-theme="20"] .rr-config-subtabs{background:#f5f9ff!important}
body[data-official-theme="20"] .rr-config-domains button,body[data-official-theme="20"] .rr-config-subtabs button{border-radius:11px 6px 11px 6px!important}
body[data-official-theme="20"] .rr-config-domains button.active,body[data-official-theme="20"] .rr-config-subtabs button.active{background:linear-gradient(135deg,#632be9,#247cf1 55%,#12c5c9)!important}
body[data-official-theme="20"] #config .rr-config-row.active{background:linear-gradient(100deg,#eef2ff,#eefbff)!important}
body[data-official-theme="20"] #config .rr-config-row.active::before{background:linear-gradient(180deg,#632be9,#12c5c9)!important}

/* AI copy uses the global breadcrumb as its only title, keeping more room for the working canvas. */
#copy>.page-head{display:none!important}
#copy .copy-revised{gap:12px!important}
#copy .copy-setup{padding:12px 17px!important}
#copy .copy-versions{padding:12px!important}
#copy .copy-versions-head{margin-bottom:8px!important}

/* Multiline fields keep a quiet, consistent focus state across the product. */
#config .rr-config-fields>label{font-size:13px!important;gap:8px!important}
#config .dv-routing-field>span{font-size:12px!important}
#config .rr-video-upload,#config .rr-cover-upload{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 14px!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;background:linear-gradient(135deg,#fff,var(--ui-surface-soft))!important;cursor:pointer}
#config .rr-video-upload:hover,#config .rr-cover-upload:hover{border-color:var(--ui-brand-1)!important;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ui-brand-1) 6%,#fff))!important}
#config .rr-video-upload input,#config .rr-cover-upload input{display:none!important}
#config .rr-video-mark,#config .rr-cover-thumb{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--ui-brand-1),var(--ui-brand-2));color:#fff;font-size:15px;font-style:normal;overflow:hidden;box-shadow:0 7px 15px color-mix(in srgb,var(--ui-brand-1) 20%,transparent)}
#config .rr-cover-thumb{background:linear-gradient(145deg,#34254d 0 43%,#cb8e73 43% 68%,#f2bd99 68%)!important;text-align:center}
#config .rr-cover-upload{grid-template-columns:56px minmax(0,1fr) auto;min-height:90px}
#config .rr-cover-thumb{width:56px;height:72px;border-radius:9px}
#config .rr-cover-thumb em{font-size:11px;font-style:normal;font-weight:800;line-height:1.1;color:#fff}
#config .rr-cover-thumb img{width:100%;height:100%;object-fit:cover}
#config .rr-video-copy{display:grid;gap:4px;min-width:0}
#config .rr-video-copy b{font-size:13px;color:var(--ui-text-1)}
#config .rr-video-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-2);font-size:12px}
#config .rr-video-action{padding:7px 10px;border:1px solid var(--ui-line);border-radius:9px;background:#fff;color:var(--ui-brand-1);font-size:12px;font-weight:750;white-space:nowrap}
textarea:focus{outline:0!important;box-shadow:none!important;border-color:var(--ui-line)!important}
@media(max-width:980px){.dv-selection-tools{width:calc(100% - 36px)}.dv-exception-rule{align-items:flex-start;flex-direction:column;gap:8px}}

@keyframes dv-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1280px){
  .dv-billing-console,.dv-help-shell{grid-template-columns:1fr}
  .dv-billing-overview,.dv-guide-steps{grid-template-columns:1fr 1fr}
  .dv-immersive-body{grid-template-columns:minmax(0,1fr) 320px;padding:14px}
}
@media(max-width:980px){
  .dv-immersive-body{grid-template-columns:1fr}.dv-immersive-chat{display:none}
  .dv-billing-overview,.dv-guide-steps,.dv-config-guide{grid-template-columns:1fr}
  .dv-routing-primary{grid-template-columns:1fr}
  .dv-backup-row{grid-template-columns:28px minmax(0,1fr) 30px 30px}
  .dv-remove-backup{grid-column:2/5}
}
@media(prefers-reduced-motion:reduce){.dv-export-menu{animation:none}}

/* Editing is calm: no violet focus frame or rewritten flash around the writing canvas. */
#copy-editor,#director-editor,#copy-editor:focus,#director-editor:focus,
.editor[contenteditable="true"],.editor[contenteditable="true"]:focus,.editor.rewritten{
  outline:0!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
#copy .copy-editor,#director .director-editor,
#copy .copy-editor:focus-within,#director .director-editor:focus-within{
  border-color:#e8e7eb!important;
  box-shadow:none!important;
}
#copy .copy-editor-head,#director .copy-editor-head{border-bottom-color:#e8e7eb!important}
#copy .creative-bar,#director .creative-bar{border-top-color:#e8e7eb!important}

/* Sidebar: the control deliberately projects from the rail; help stays one clear horizontal entry. */
.side-collapse{
  right:-12px!important;
  bottom:102px!important;
  width:32px!important;
  height:58px!important;
  border:1px solid var(--ui-line)!important;
  border-left:0!important;
  border-radius:0 16px 16px 0!important;
  background:#fff!important;
  color:var(--ui-brand-1)!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:4px 7px 16px rgba(43,31,81,.10)!important;
}
.side-collapse:hover{color:var(--ui-brand-2)!important;box-shadow:8px 10px 24px rgba(43,31,81,.16)!important}
.sidebar.collapsed .side-collapse{transform:none!important}
.side-foot{
  position:relative!important;
  display:block!important;
  flex:0 0 63px!important;
  width:100%!important;
  height:63px!important;
  margin-top:auto!important;
  padding:0!important;
}
.rr-side-link{min-width:0;height:38px!important;padding:0 10px!important;font-size:12px!important;white-space:nowrap!important}
.side-foot .rr-side-link:not(.rr-account){
  position:absolute!important;
  top:13px;
  left:0;
  right:48px;
  overflow:hidden;
  opacity:1;
  transition:opacity .12s ease!important;
}
.rr-side-link.rr-account{
  position:absolute!important;
  top:13px;
  right:0;
  flex:0 0 40px!important;
  min-width:40px!important;
  max-width:40px!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  transition:right .24s cubic-bezier(.4,0,.2,1)!important;
}
.sidebar.collapsed .side-foot{
  display:block!important;
  padding:0!important;
}
.sidebar.collapsed .side-foot .rr-side-link:not(.rr-account){display:grid!important;opacity:0;pointer-events:none}
.sidebar.collapsed .side-foot .rr-account{display:grid!important;right:6px!important}

/* Slightly larger reading text and a shorter page lead-in for desktop. */
body{font-size:15px}
header{height:70px}
.page{padding-top:20px!important}
header,#crumb{font-size:14px}
.page-head{margin-bottom:16px!important}
.page-head h1{font-size:29px!important}
.page-head p{font-size:14px!important}

/* Global page context — selected blend of A's slim gradient mark and C's explanatory text. */
header #crumb.dv-page-context{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:var(--ui-text-1)!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.2px!important;line-height:1.2}
header #crumb.dv-page-context span{margin:0!important}
.dv-context-mark{display:block;flex:none;width:8px;height:25px;border-radius:999px;background:linear-gradient(180deg,var(--ui-brand-1),var(--ui-brand-2));box-shadow:0 3px 10px color-mix(in srgb,var(--ui-brand-1) 24%,transparent)}
.dv-context-title{white-space:nowrap}
.dv-context-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-2)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important}
.page:not(#home)>.page-head{min-height:42px!important;align-items:center!important;margin:10px 0 14px!important}
.page:not(#home)>.page-head>div:first-child>small,.page:not(#home)>.page-head>div:first-child>h1,.page:not(#home)>.page-head>div:first-child>p{display:none!important}

/* Assets: a compact library toolbar leaves the first screen for actual work. */
#assets{padding-top:18px!important}
#assets>.page-head{display:none!important}
#assets .pf-toolbar{min-height:46px;margin:0 0 12px!important;padding:3px 0;align-items:center!important}
#assets .asset-tabs-revised{display:flex;align-items:center;gap:2px;min-height:42px}
#assets .asset-tabs-revised button{height:38px;padding:0 11px;font-size:14px}
#assets .asset-filter-bar{align-items:center!important;gap:8px!important}
#assets .asset-filter-bar label{gap:0!important;font-size:0!important}
#assets .asset-filter-bar select{min-width:122px!important;height:38px!important;padding:0 30px 0 12px!important;font-size:13px!important}
#assets .assets-grid-revised{gap:14px!important}
#assets .asset-mini{padding:12px!important;text-align:left!important}
#assets .asset-mini .asset-preview-mini{height:142px!important;margin-bottom:11px!important}
#assets .asset-mini small{display:block;margin:0 0 5px!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}
#assets .asset-mini strong{display:block;font-size:16px!important;line-height:1.38!important;font-weight:800!important}
#assets .asset-mini em{display:block;margin-top:5px!important;font-size:12px!important;font-style:normal!important;color:var(--ui-text-2)!important}

/* Global density pass + selected B system: text-first tools and one clear confirmation action. */
body{--uu-action-text:var(--ui-brand-1);--uu-action-hover:color-mix(in srgb,var(--ui-brand-1) 7%,transparent)}
header{height:64px!important}
.page{padding-top:14px!important}
.page:not(#home)>.page-head{min-height:36px!important;margin:0 0 12px!important;padding:0!important}
.page:not(#home)>.page-head>div:first-child>h1,.page:not(#home)>.page-head>div:first-child>p{display:none!important}
#ip>.page-head,#director>.page-head,#assets>.page-head{display:none!important}
.page-head>.pf-toolbar-actions,.page-head>.overview-controls,.page-head>#rr-config-add,.page-head>div:last-child:not(:first-child){align-self:center}

/* B: secondary actions are quiet text tools; primary actions alone carry the gradient. */
.light,.text,.back-library,.pf-breadcrumb-back,.cover-origin-back{
  height:34px!important;padding:0 8px!important;border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:var(--uu-action-text)!important;box-shadow:none!important;font-weight:750!important;
}
.light:hover,.text:hover,.back-library:hover,.pf-breadcrumb-back:hover,.cover-origin-back:hover{
  background:var(--uu-action-hover)!important;color:var(--ui-brand-2)!important;text-decoration:underline;text-underline-offset:4px;
}
.primary,.dark{
  height:36px!important;padding:0 14px!important;border:0!important;border-radius:9px!important;color:#fff!important;
  box-shadow:none!important;font-weight:800!important;
}
.dark{background:linear-gradient(105deg,var(--ui-brand-1),var(--ui-brand-2))!important}
.primary:hover,.dark:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--ui-brand-1) 18%,transparent)!important}
.dv-editor-actions{gap:2px!important;padding:2px!important;border-radius:10px!important;background:color-mix(in srgb,var(--ui-brand-1) 4%,#fff)!important}
.dv-editor-actions .light{height:32px!important;padding:0 9px!important;font-size:12px!important}
.dv-editor-actions .dv-export-wrap>.light{background:linear-gradient(105deg,var(--ui-brand-1),var(--ui-brand-2))!important;color:#fff!important;border-radius:8px!important}
.dv-editor-actions .dv-export-wrap>.light:hover{text-decoration:none!important;filter:brightness(1.03)}
.pf-toolbar-actions,.overview-controls,.rr-config-actions,.config-actions{gap:4px!important}

/* The working content starts close to the global context; cards hold only necessary writing space. */
#copy .copy-revised{gap:10px!important}
#copy .copy-setup{padding:10px 16px!important}
#copy .copy-versions{padding:10px!important}
#copy .copy-editor{min-height:386px!important}
#copy .copy-editor .editor{min-height:262px!important;padding-top:18px!important;padding-bottom:18px!important}
#copy .rewrite-panel{padding:15px!important}
#director .director-library{gap:10px!important}
#director .director-workspace{gap:14px!important}
#director .director-editor .editor{min-height:310px!important}
#director .tutorial-mini .video-mini{min-height:218px!important}
#cover .cover-layout{gap:14px!important}
#cover .canvas-wrap{min-height:548px!important}
#cover .cover-tools,#cover .text-tools{padding:14px!important}
#overview .metrics article,#overview .overview-metrics article{padding:15px!important}
#overview .chart{padding:16px!important;margin-top:14px!important}
#users .users-tabs{margin-bottom:10px!important}
#users .user-console,#users .plan-console{gap:12px!important}
#config .rr-config-shell.dv-config-stable,#config .dv-config-stable{min-height:0!important}
#config .rr-config-workspace,#config .dv-config-stable .rr-config-workspace{min-height:510px!important;gap:12px!important}
#config .rr-config-list,#config .rr-config-editor,#config .dv-config-stable .rr-config-list,#config .dv-config-stable .rr-config-editor{min-height:510px!important}
#models .model-console{gap:12px!important}
#help .dv-help-shell,#feedback-admin .dv-feedback-workspace{min-height:500px!important;gap:12px!important}
#quota-detail .page-head{margin-bottom:10px!important}
#quota-detail .ledger-row>:nth-child(4){
  justify-self:stretch!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums;
}

/* Compact, vertically calm immersive composer. */
.dv-selection-tools{min-height:154px!important;padding:11px!important}
.dv-selection-summary{margin-bottom:9px!important}
.dv-quick-rewrite{margin-bottom:9px!important}
.dv-rewrite-entry textarea{height:48px!important;min-height:48px!important;padding:12px 148px 10px 12px!important;line-height:24px!important}
.dv-rewrite-entry button{top:6px!important;height:36px!important;min-height:36px!important;padding:0 13px!important}
.dv-rewrite-entry.is-multiline textarea{height:auto!important;min-height:88px!important;padding:10px 13px 56px!important}
.dv-rewrite-entry.is-multiline button{top:auto!important;bottom:8px!important}

/* Preserve the distinct 06/20 control language while applying B's lower visual weight. */
body[data-official-theme="06"] .light,body[data-official-theme="20"] .light{background:transparent!important;border-color:transparent!important}
body[data-official-theme="06"] .primary,body[data-official-theme="20"] .primary{box-shadow:none!important}

/* Refinement: compact must still breathe. Keep deliberate rhythm, not redundant empty bands. */
.page{padding-top:22px!important}
.page:not(#home)>.page-head{margin-bottom:16px!important}
#copy .copy-revised{gap:14px!important}
#copy .copy-setup{padding:13px 18px!important}
#copy .copy-versions{padding:13px!important}
#director .director-library,#director .director-workspace{gap:16px!important}
#cover .cover-layout{gap:16px!important}
#config .rr-config-shell{gap:16px!important}
#config .rr-config-workspace,#models .model-console,#help .dv-help-shell,#feedback-admin .dv-feedback-workspace{gap:16px!important}
#assets .pf-toolbar{margin-bottom:16px!important}

/* Light, low-contrast scrollbars: visible when needed, never competing with the work. */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ui-text-2) 34%,transparent) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--ui-text-2) 34%,transparent);background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ui-brand-1) 42%,transparent);background-clip:padding-box}

/* Data overview: chart values arrive with motion, and replay whenever the time range changes. */
#overview .token-bars i::after{transform-origin:left center}
#overview .bars i{transform-origin:center bottom}
#overview.overview-motion .token-bars i::after{animation:uu-token-grow .62s cubic-bezier(.2,.8,.2,1) both}
#overview.overview-motion .token-bars div:nth-child(2) i::after{animation-delay:.08s}
#overview.overview-motion .token-bars div:nth-child(3) i::after{animation-delay:.16s}
#overview.overview-motion .token-bars div:nth-child(4) i::after{animation-delay:.24s}
#overview.overview-motion .bars i{animation:uu-column-rise .6s cubic-bezier(.2,.8,.2,1) both}
#overview.overview-motion .bars i:nth-child(2){animation-delay:.06s}
#overview.overview-motion .bars i:nth-child(3){animation-delay:.12s}
#overview.overview-motion .bars i:nth-child(4){animation-delay:.18s}
#overview.overview-motion .bars i:nth-child(5){animation-delay:.24s}
#overview.overview-motion .bars i:nth-child(6){animation-delay:.30s}
#overview.overview-motion .bars i:nth-child(7){animation-delay:.36s}
@keyframes uu-token-grow{from{opacity:.35;transform:scaleX(.04)}to{opacity:1;transform:scaleX(1)}}
@keyframes uu-column-rise{from{opacity:.2;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){#overview.overview-motion .token-bars i::after,#overview.overview-motion .bars i{animation:none}}

/* User and credit: one tab-row workspace, no duplicate local page title. */
#users .users-tabs{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:42px!important;margin-bottom:14px!important}
#users .users-tab-list,#users .users-tab-actions{display:flex;align-items:center;gap:5px;min-width:0}
#users .users-tab-actions{margin-left:auto}
#users .users-tab-actions .light,#users .users-tab-actions .primary{height:34px!important}
#users .user-row{grid-template-columns:minmax(260px,1.2fr) minmax(150px,1.1fr) minmax(80px,.55fr) minmax(105px,1fr) minmax(105px,.75fr) 116px!important}
#users .user-row>button{justify-self:center!important;min-width:66px!important;height:30px!important;padding:0 10px!important;border:0!important;border-radius:7px!important;background:color-mix(in srgb,var(--ui-brand-1) 6%,#fff)!important;color:var(--ui-brand-1)!important;font-weight:750!important}
#users .user-row>button:hover{background:color-mix(in srgb,var(--ui-brand-1) 12%,#fff)!important;text-decoration:underline;text-underline-offset:3px}

/* Selection changes only update content, never the working page geometry or viewport. */
#copy .copy-revised{align-items:start!important}
#copy .rewrite-selection-note{display:block;min-height:40px;height:40px;overflow:hidden;line-height:20px!important}

/* The sidebar account mark is a compact rounded square, not an oval avatar. */
.side-foot i,.side-foot .rr-account{width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(135deg,var(--ui-brand-1),var(--ui-brand-2))!important}

/* Feedback management starts with the job at hand; filter values already explain themselves. */
#feedback-admin{padding-top:12px!important}
#feedback-admin>.page-head{display:none!important}
#feedback-admin .dv-feedback-tabs{margin:0 0 10px!important}
#feedback-admin .dv-feedback-filters{margin-bottom:12px!important}
#feedback-admin .dv-feedback-filters>div{min-width:0}
#feedback-admin .dv-feedback-filters select{height:40px!important}

/* Confirmed 2026-08-02 creation flow: explicit generation, IP-bound drafts, recoverable branches. */
#copy .copy-setup{display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(420px,1.35fr) minmax(250px,.82fr)!important;align-items:end!important;gap:16px!important}
#copy .copy-generate-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:7px;min-width:0}
#copy .copy-generate-action small{color:var(--ui-text-2);font-size:12px;line-height:1.45;text-align:right}
#copy #copy-generate{width:100%;height:42px!important;white-space:nowrap}
#copy .copy-awaiting{grid-column:1/-1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;background:color-mix(in srgb,var(--ui-brand-1) 3%,#fff)!important;border-style:dashed!important}
#copy .copy-awaiting.hide{display:none!important}
#copy .copy-awaiting-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-brand-1) 14%,#fff),color-mix(in srgb,var(--ui-brand-2) 16%,#fff));color:var(--ui-brand-1);font-size:24px}
#copy .copy-awaiting h2{margin:0 0 8px;font-size:22px;color:var(--ui-text-1)}
#copy .copy-awaiting p{margin:0;color:var(--ui-text-2);font-size:14px}
#copy .copy-awaiting>div:last-child{display:flex;gap:8px;margin-top:22px}
#copy .copy-awaiting>div:last-child span{padding:7px 11px;border:1px solid var(--ui-line);border-radius:999px;background:#fff;color:var(--ui-text-2);font-size:12px}
#copy .ip-dropdown>button,#director .ip-dropdown>button{display:flex!important;align-items:center!important;gap:9px!important}
#copy .ip-dropdown>button>b,#director .ip-dropdown>button>b{margin-left:auto}
#copy .ip-options button,#director .ip-options button{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}
#copy .ip-options button span,#director .ip-options button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#copy .ip-options button em,#director .ip-options button em{font-size:11px;color:var(--ui-brand-1);font-style:normal}

.creative-ip-switch-modal{display:grid;gap:16px;margin-top:6px}
.creative-ip-target{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--ui-line);border-radius:12px;background:color-mix(in srgb,var(--ui-brand-2) 6%,#fff)}
.creative-ip-target>div{display:grid;gap:2px}.creative-ip-target small{color:var(--ui-text-2)}.creative-ip-target b{font-size:15px}
.creative-ip-switch-modal>p{margin:0;font-size:16px;font-weight:750;color:var(--ui-text-1)}
.creative-ip-draft-note{display:grid;gap:4px;padding:12px 14px;border-left:3px solid var(--ui-brand-1);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--ui-brand-1) 6%,#fff)}
.creative-ip-draft-note span{font-size:12px;color:var(--ui-text-2)}
.creative-ip-switch-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.creative-ip-switch-actions button{min-width:108px}

#director .director-ip-setup,#director .director-context-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px!important;margin-bottom:16px;overflow:visible!important}
#director .director-ip-setup>div:first-child,#director .director-context-bar>div:first-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 9px}
#director .director-ip-setup small,#director .director-context-bar small{grid-row:1/3;padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--ui-brand-1) 10%,#fff);color:var(--ui-brand-1);font-weight:800}
#director .director-ip-setup b,#director .director-context-bar b{font-size:15px;color:var(--ui-text-1)}
#director .director-ip-setup span,#director .director-context-bar span{font-size:12px;color:var(--ui-text-2)}
#director .director-ip-setup .ip-dropdown,#director .director-context-bar .ip-dropdown{min-width:290px}
#director .director-ip-setup .ip-options,#director .director-context-bar .ip-options{z-index:60}
#director .director-ip-picker{width:100%;height:42px;padding:0 12px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:var(--ui-text-1);font-weight:750}
#director .director-editor .copy-editor-head>div:first-child{display:flex;align-items:baseline;gap:10px}
#director .director-choice:disabled{opacity:.72;cursor:wait}

#assets .asset-tabs-revised{flex-wrap:wrap}
#assets .asset-mini.history-draft{position:relative;border-color:color-mix(in srgb,var(--ui-brand-1) 24%,var(--ui-line))!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ui-brand-1) 3%,#fff))!important}
#assets .asset-mini.history-draft>small{color:var(--ui-brand-1)!important;font-weight:750}
#assets .asset-mini.history-draft>span{margin-top:8px;color:var(--ui-brand-1);font-size:12px;font-weight:800}

#cover .cover-source-note{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;padding:10px 14px;border:1px solid var(--ui-line);border-radius:11px;background:color-mix(in srgb,var(--ui-brand-2) 4%,#fff)}
#cover .cover-source-note span{color:var(--ui-text-2);font-size:12px}#cover .cover-source-note b{font-size:13px}#cover .cover-source-note em{margin-left:auto;color:var(--ui-text-2);font-size:12px;font-style:normal}
#cover .cover-ai-task{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:15px 18px!important}
#cover .cover-ai-task.hide{display:none!important}
#cover .cover-ai-task>div:first-child{display:flex;align-items:center;gap:12px;flex:1}#cover .cover-ai-task>div:first-child>div{display:grid;gap:3px}
#cover .cover-ai-task p{margin:0;color:var(--ui-text-2);font-size:12px}#cover .cover-ai-task em{margin-left:auto;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--ui-brand-2) 9%,#fff);color:var(--ui-brand-1);font-size:11px;font-style:normal;font-weight:800}
.cover-task-spinner,.cover-task-ready{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ui-brand-1) 9%,#fff);color:var(--ui-brand-1)}
.cover-task-spinner::after{content:"";width:15px;height:15px;border:2px solid color-mix(in srgb,var(--ui-brand-1) 20%,transparent);border-top-color:var(--ui-brand-1);border-radius:50%;animation:uu-task-spin .8s linear infinite}
.cover-task-actions{display:flex!important;flex:0!important;gap:8px!important}.cover-task-actions button{white-space:nowrap}
#cover-art.ai-enhanced{filter:saturate(1.12) contrast(1.04);box-shadow:0 18px 42px color-mix(in srgb,var(--ui-brand-2) 18%,transparent)}
@keyframes uu-task-spin{to{transform:rotate(360deg)}}

@media (max-width:1380px){#copy .copy-setup{grid-template-columns:minmax(230px,.78fr) minmax(360px,1.2fr) minmax(220px,.72fr)!important}#copy .copy-generate-action small{font-size:11px}#director .director-ip-setup .ip-dropdown,#director .director-context-bar .ip-dropdown{min-width:250px}}
@media (prefers-reduced-motion:reduce){.cover-task-spinner::after{animation:none}}

/* 2026-08-02 annotated prototype review: compact controls, stable panels and role-owned configuration. */
html{scrollbar-gutter:stable;overflow-y:scroll}
#copy .copy-setup{
  grid-template-columns:minmax(330px,.8fr) minmax(560px,1.35fr) 250px!important;
  align-items:center!important;
  min-height:78px;
  padding:14px 20px!important;
  gap:22px!important;
}
#copy .copy-setup-field{display:flex!important;align-items:center;gap:13px;min-width:0}
#copy .copy-setup-field>span{flex:0 0 auto;font-size:14px;font-weight:800;color:var(--ui-text-1)}
#copy .copy-setup-field .ip-dropdown{width:auto;min-width:260px;flex:1}
#copy .copy-setup-field .ip-dropdown>button{height:46px!important;padding:0 13px!important;gap:12px!important}
#copy .copy-setup-field .ip-dropdown>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#copy .copy-setup-field .avatar{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:12px!important}
#copy .copy-direction-field{justify-content:flex-start}
#copy .direction-options{flex-wrap:nowrap!important;gap:8px!important}
#copy .direction-options button{height:40px!important;padding:0 14px!important;white-space:nowrap;font-size:13px}
#copy .copy-generate-action{align-items:flex-end!important}
#copy #copy-generate{width:230px!important;height:44px!important;padding:0 18px!important}
#copy .copy-revised{grid-template-columns:minmax(0,1fr) 360px!important}
#copy .copy-editor{grid-column:1;min-height:420px!important}
#copy .copy-history-panel{grid-column:2;grid-row:span 2;min-height:550px;padding:18px!important;overflow:hidden}
#copy .copy-history-panel .dv-copy-session-history{display:flex;flex-direction:column;height:100%;min-height:510px}
#copy .copy-history-panel .dv-chat-history{flex:1;max-height:none!important;overflow:auto}
#copy .rewrite-panel{grid-column:1;padding:16px 18px!important;display:grid;gap:14px!important}
#copy .rewrite-panel-head{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);align-items:center;gap:18px}
#copy .rewrite-panel h3{margin:0 0 5px!important}
#copy .rewrite-panel p{margin:0!important}
#copy .rewrite-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important}
#copy .rewrite-list button{text-align:center!important;height:38px!important}
#copy .rewrite-custom{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px;align-items:stretch}
#copy .rewrite-panel textarea{height:44px!important;min-height:44px!important;margin:0!important;resize:none}
#copy .rewrite-panel .dark{height:44px!important;margin:0!important;width:100%}
#copy .storyboard-panel{grid-column:1/-1}

#director .director-library-toolbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:center;gap:28px;padding:14px 18px!important;margin-bottom:16px;overflow:visible!important}
#director .director-library-toolbar>label{display:flex;align-items:center;gap:13px;min-width:0;color:var(--ui-text-1);font-size:14px;font-weight:800}
#director .director-library-toolbar>label>span{flex:0 0 auto}
#director .director-library-toolbar .ip-dropdown{width:auto;min-width:250px;flex:1}
#director .director-library-toolbar .ip-options{z-index:80}
#director .director-library-toolbar .director-category{display:flex;gap:8px;flex-wrap:wrap}
#director .director-library-toolbar .director-category button{height:40px;padding:0 14px;border-radius:9px}
#director .director-library{gap:0!important}

#config .rr-config-domains{grid-template-columns:repeat(4,1fr)!important}
#config .rr-config-workspace{width:100%!important;grid-template-columns:320px minmax(0,1fr)!important}
#config .dv-config-stable .rr-config-workspace{gap:16px!important}
#config .rr-config-editor,#config .rr-config-fields,#config .rr-config-workspace{overflow:visible!important;min-width:0}
#config .rr-config-editor{position:relative;z-index:2}
#config .rr-config-list{position:relative;z-index:1}
#config .rr-config-fields>label,#config .rr-config-fields .dv-routing-field{font-size:14px!important;font-weight:760!important;gap:9px!important}
#config .rr-config-fields input,#config .rr-config-fields textarea,#config .rr-config-fields .select-trigger{font-size:14px!important}
#config .dv-model-routing{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
#config .dv-routing-field>span{font-size:14px!important;color:var(--ui-text-1)!important}
#config .dv-model-routing .select-ui{z-index:260}
#config .dv-model-routing .select-menu{top:auto!important;bottom:calc(100% + 7px)!important;z-index:500!important;max-height:240px;overflow:auto}
#config .rr-config-row,#config .rr-config-row:hover,#config .rr-config-row:active{transform:none!important}
#config button,#config input,#config textarea,#config .select-trigger{box-sizing:border-box}
#config input:focus,#config textarea:focus,#config .select-trigger:focus-visible{outline:0!important}

@media (max-width:1380px){
  #copy .copy-setup{grid-template-columns:minmax(280px,.75fr) minmax(460px,1.2fr) 210px!important;gap:14px!important}
  #copy .copy-setup-field{gap:9px}
  #copy .copy-setup-field .ip-dropdown{min-width:220px}
  #copy .direction-options button{padding:0 10px!important}
  #copy #copy-generate{width:200px!important}
  #copy .copy-revised{grid-template-columns:minmax(0,1fr) 320px!important}
}

/* 2026-08-02 interaction closure: stable editors, honest generation states and grouped actions. */
#copy-editor,#director-editor,.dv-immersive-editor{
  -webkit-user-drag:none;
  user-select:text;
}
#copy .copy-revised{grid-template-columns:minmax(0,1fr) 360px!important;align-items:start}
#copy .copy-editor{
  grid-column:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  height:650px;
  min-height:650px!important;
  overflow:hidden;
  padding:0!important;
}
#copy .copy-editor-head,#director .copy-editor-head{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:70px;
  padding:14px 18px!important;
  box-sizing:border-box;
}
#copy .copy-editor-head>div:first-child,#director .copy-editor-head>div:first-child{display:flex;align-items:baseline;gap:9px;min-width:0}
#copy .copy-editor-head b,#director .copy-editor-head b{font-size:16px}
#copy .copy-editor-head span,#director .copy-editor-head span{color:#38a974;font-size:12px}
#copy .copy-output-actions,#director .director-output-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#copy .copy-output-actions>button,#copy .copy-output-actions .dv-export-wrap>button,
#director .director-output-actions>button,#director .director-output-actions .dv-export-wrap>button{height:38px;padding:0 13px;white-space:nowrap}
#copy #copy-editor,#director #director-editor{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:22px!important;
  line-height:1.85;
  scrollbar-gutter:stable;
}
#copy .creative-bar,#director .creative-bar{min-height:56px!important;padding:10px 18px!important;box-sizing:border-box}
#copy .copy-edit-actions,#director .director-edit-actions{display:flex;justify-content:flex-end;gap:8px}
#copy .copy-edit-actions button,#director .director-edit-actions button{height:36px;padding:0 12px}
#copy .rewrite-panel{
  position:relative;
  grid-column:auto!important;
  display:grid!important;
  gap:10px!important;
  margin:0 14px 14px;
  padding:12px 14px!important;
  border:1px solid color-mix(in srgb,var(--ui-brand-1) 18%,var(--ui-line));
  border-radius:13px;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ui-brand-1) 2%,#fff));
  box-shadow:none!important;
}
#copy .rewrite-panel.hide{display:none!important}
#copy .rewrite-panel-head{display:flex!important;align-items:center;gap:14px!important;min-width:0}
#copy .rewrite-panel-head>p{display:flex;align-items:center;gap:7px;min-width:220px;margin:0!important;color:var(--ui-text-2);font-size:12px}
#copy .rewrite-selection-note{margin:0!important;padding:0!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent!important;color:var(--ui-brand-1)!important;font-size:12px!important}
#copy .rewrite-list{display:flex!important;grid-template-columns:none!important;gap:7px!important;flex-wrap:wrap}
#copy .rewrite-list button{height:34px!important;padding:0 12px!important;white-space:nowrap}
#copy .rewrite-custom{display:grid!important;grid-template-columns:minmax(0,1fr) 142px!important;gap:9px!important}
#copy .rewrite-panel textarea{height:42px!important;min-height:42px!important;margin:0!important;padding:10px 12px!important;resize:none}
#copy .rewrite-panel .primary{height:42px!important;margin:0!important;width:100%;white-space:nowrap}
#copy .copy-history-panel{grid-column:2;grid-row:auto!important;height:650px;min-height:650px!important;padding:18px!important;overflow:hidden}
#copy .copy-history-panel .dv-copy-session-history{height:100%;min-height:0!important}
#copy .copy-history-panel .dv-chat-history{max-height:none!important;overflow-y:auto}
#copy .copy-versions,#copy .generation-strip{grid-column:1/-1}

.generation-strip{padding:15px 18px!important;overflow:hidden}
.generation-strip-head,.generation-strip-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.generation-strip-head>div{display:flex;align-items:center;gap:10px}
.generation-strip-head b{font-size:14px}.generation-strip-head small,.generation-strip-actions span{color:var(--ui-text-2);font-size:12px}
.generation-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--ui-brand-1) 18%,transparent);border-top-color:var(--ui-brand-1);border-radius:50%;animation:uu-generation-spin .8s linear infinite}
.generation-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}
.generation-skeleton-grid article{display:grid;gap:8px;min-height:78px;padding:13px;border:1px solid var(--ui-line);border-radius:11px;background:#fff}
.generation-skeleton-grid i,.director-paragraph-skeleton i{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#eeeaf6 20%,#faf9fd 45%,#eeeaf6 70%);background-size:220% 100%;animation:uu-generation-shimmer 1.2s linear infinite}
.generation-skeleton-grid i:nth-child(1){width:34%}.generation-skeleton-grid i:nth-child(2){width:82%}.generation-skeleton-grid i:nth-child(3){width:58%}
.generation-strip-actions button{height:32px}
@keyframes uu-generation-spin{to{transform:rotate(360deg)}}
@keyframes uu-generation-shimmer{to{background-position:-220% 0}}

#director .director-context-bar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:16px!important}
#director .director-return{height:38px;padding:0 12px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:var(--ui-brand-1);font-weight:750;white-space:nowrap}
#director>.generation-strip{margin-bottom:16px}
#director .director-workspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;align-items:start}
#director .director-editor{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  height:650px;
  min-height:650px!important;
  padding:0!important;
  overflow:hidden;
}
#director .director-workspace.is-generating .director-editor{grid-template-rows:auto minmax(0,1fr) auto;opacity:.86}
#director .director-workspace.is-generating .creative-bar{display:none}
#director .tutorial-mini{height:650px;box-sizing:border-box}
#director .director-output-actions{margin-left:auto}
#director .director-workflow-actions{display:flex;align-items:center;padding-left:8px;border-left:1px solid var(--ui-line)}
#director .director-workflow-actions button{height:38px;padding:0 12px}
#director .dv-director-ai{
  display:grid;
  gap:10px;
  margin:0 14px 14px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--ui-brand-1) 18%,var(--ui-line));
  border-radius:13px;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ui-brand-1) 2%,#fff));
}
#director .dv-director-ai-head{display:flex;align-items:center;gap:14px}
#director .dv-director-ai-head p{display:flex;align-items:center;gap:7px;min-width:220px;margin:0;color:var(--ui-text-2);font-size:12px}
#director .dv-director-ai-head p b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-brand-1)}
#director .dv-director-ai .dv-quick-rewrite{display:flex;gap:7px;flex-wrap:wrap}
#director .dv-director-ai .dv-quick-rewrite button{height:34px;padding:0 12px}
#director .dv-director-ai-entry{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:9px}
#director .dv-director-ai-entry input,#director .dv-director-ai-entry button{height:42px;margin:0}
#director .dv-director-ai>small{color:var(--ui-text-2);font-size:11px}
.director-paragraph-skeleton{display:grid;gap:18px;padding:6px 0}
.director-paragraph-skeleton i{height:13px}.director-paragraph-skeleton i:nth-child(1){width:72%}.director-paragraph-skeleton i:nth-child(2){width:88%}.director-paragraph-skeleton i:nth-child(3){width:63%}.director-paragraph-skeleton i:nth-child(4){width:79%}
.director-return-modal{display:grid;gap:15px}.director-return-modal>p{margin:0;color:var(--ui-text-2)}
.director-return-note{display:grid;gap:5px;padding:13px;border-radius:11px;background:color-mix(in srgb,var(--ui-brand-1) 6%,#fff)}
.director-return-note span{color:var(--ui-text-2);font-size:12px}.director-return-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

@media(max-width:1380px){
  #copy .copy-revised{grid-template-columns:minmax(0,1fr) 320px!important}
  #copy .copy-editor,#copy .copy-history-panel,#director .director-editor,#director .tutorial-mini{height:610px;min-height:610px!important}
  #copy .rewrite-panel-head,#director .dv-director-ai-head{align-items:flex-start;flex-direction:column;gap:8px!important}
  #copy .rewrite-panel-head>p,#director .dv-director-ai-head p{min-width:0}
}

/* 2026-08-02 static confirmation pass. Visual structure only; interaction
   closure follows after the user approves these desktop compositions. */

/* Sidebar: every icon and label occupies the same visual column. */
.sidebar nav .nav{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:12px!important;
  padding-left:14px!important;
  padding-right:12px!important;
  text-align:left!important;
}
.sidebar nav .nav[hidden]{display:none!important}
.sidebar nav .nav .nav-icon{display:block;width:20px!important;height:20px!important;margin:0!important}
.sidebar nav .nav>span{display:block;min-width:0;line-height:1.2;text-align:left}

/* Creator and administrator workspaces share the two approved visual themes.
   Role boundaries still control navigation and data; appearance is available
   from both authenticated portals. */

/* Model capabilities are routed in content configuration; the model editor
   keeps only connection and parameter fields in this static composition. */
#models .model-capabilities{display:none!important}

/* Admin content configuration: compact navigation and a stable action edge. */
#config{padding-top:8px!important}
#config>.page-head{
  min-height:2px!important;
  height:2px!important;
  margin:0 0 2px!important;
  padding:0!important;
}
#config .rr-config-toolbar{
  min-height:48px!important;
  gap:18px!important;
  margin-bottom:12px!important;
  padding:5px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--ui-panel) 88%,transparent)!important;
}
#config .rr-config-toolbar .rr-config-domains{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:calc(100% - 178px)!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:0!important;
}
#config .rr-config-toolbar .rr-config-domains button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:124px!important;
  height:38px!important;
  padding:0 18px!important;
  text-align:left!important;
}
#config .rr-config-toolbar>#rr-config-add{margin-left:auto!important;min-width:142px!important;height:38px!important}
#config .rr-config-actions{
  align-items:center!important;
  gap:14px!important;
  margin-top:10px!important;
  padding-top:14px!important;
}

/* Pull the whole content-config console closer to the page header while
   preserving the spacing inside its toolbar and editor cards. */
#config .rr-config-shell{
  margin-top:-18px!important;
}

/* AI copy and director use one compact modifier composition.  The secondary
   entry is visible without competing with the primary rewrite action. */
#copy .copy-editor{grid-template-rows:64px minmax(0,1fr) 42px auto!important}
#copy .copy-editor .creative-bar,
#director .director-editor .creative-bar{
  width:60%!important;
  min-width:620px!important;
  max-width:820px!important;
  min-height:42px!important;
  justify-self:center!important;
  margin:0 auto!important;
  padding:4px 0!important;
  border-top:0!important;
}
#copy .copy-editor .creative-bar>span,
#director .director-editor .creative-bar>span{display:none!important}
#copy .copy-edit-actions,
#director .director-edit-actions{width:100%;justify-content:flex-start!important}
#copy .copy-edit-actions [data-copy-immersive],
#director .director-edit-actions [data-director-immersive]{
  height:34px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--ui-brand-1) 12%,#fff),color-mix(in srgb,var(--ui-brand-2) 10%,#fff))!important;
  color:color-mix(in srgb,var(--ui-brand-1) 78%,#25304a)!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
#copy .copy-edit-actions [data-copy-immersive]:hover,
#director .director-edit-actions [data-director-immersive]:hover{
  background:linear-gradient(105deg,color-mix(in srgb,var(--ui-brand-1) 17%,#fff),color-mix(in srgb,var(--ui-brand-2) 15%,#fff))!important;
}
#copy .rewrite-panel,
#director .dv-director-ai{
  width:60%!important;
  min-width:620px!important;
  max-width:820px!important;
  min-height:0!important;
  height:auto!important;
  justify-self:center!important;
  align-self:end!important;
  margin:0 auto 14px!important;
  padding:10px 12px!important;
  gap:8px!important;
}
#copy .rewrite-panel-head,
#director .dv-director-ai-head{
  grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr)!important;
  gap:10px!important;
}
#copy .rewrite-panel-head>p,
#director .dv-director-ai-head>p{min-width:0!important;font-size:11px!important}
#copy .rewrite-selection-note,
#director .dv-director-ai-head p b{max-width:190px!important;font-size:11px!important}
#copy .rewrite-list,
#director .dv-director-ai .dv-quick-rewrite{gap:6px!important}
#copy .rewrite-list button,
#director .dv-director-ai .dv-quick-rewrite button{height:30px!important;padding:0 9px!important;font-size:11px!important}
#copy .rewrite-custom,
#director .dv-director-ai-entry{grid-template-columns:minmax(0,1fr) 126px!important;gap:7px!important}
#copy .rewrite-panel textarea,
#copy .rewrite-panel .primary,
#director .dv-director-ai-entry input,
#director .dv-director-ai-entry button{height:38px!important;min-height:38px!important}
#director .director-editor{grid-template-rows:64px minmax(0,1fr) 42px auto!important}
#director .director-editor:has(.director-generation-inline){grid-template-rows:64px auto minmax(0,1fr) 42px auto!important}

/* One lightweight chevron for every custom IP dropdown. */
#copy .ip-dropdown>button,
#director .ip-dropdown>button{padding-right:13px!important}
#copy .ip-dropdown>button>b,
#director .ip-dropdown>button>b,
#director .director-ip-picker>b{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin-left:auto!important;
  font-size:0!important;
  color:var(--ui-text-2)!important;
}
#copy .ip-dropdown>button>b::before,
#director .ip-dropdown>button>b::before{
  width:7px!important;
  height:7px!important;
  border-width:0 1.7px 1.7px 0!important;
}
#director .director-ip-picker::after{display:none!important;content:none!important}

/* Admin tables: one readable desktop scale with a centred action column. */
#users .user-row{
  grid-template-columns:minmax(330px,1.45fr) minmax(170px,.85fr) 96px 128px 128px 104px!important;
  min-height:72px!important;
  padding:17px 22px!important;
  gap:18px!important;
  font-size:15px!important;
  line-height:1.45!important;
}
#users .user-row.head{min-height:52px!important;font-size:14px!important;font-weight:760!important}
#users .user-row .user-name{display:flex;align-items:baseline;min-width:0;overflow:visible!important}
#users .user-row .user-name b{flex:0 0 auto;font-size:16px!important}
#users .user-row .user-name small{display:block!important;margin-left:7px!important;font-size:13px!important;white-space:nowrap;color:#7b7488}
#users .user-row.head>span:last-child{text-align:center}
#users .user-row>button{justify-self:center!important;margin:0!important;min-width:68px!important;height:34px!important;font-size:13px!important}
#overview .usage-row,.ledger .ledger-row,.dv-feedback-row{font-size:14px!important;line-height:1.5!important}
#overview .usage-row{min-height:58px!important;padding:16px 22px!important}
#overview .usage-row.head{font-size:13px!important}

/* Copy workspace: the document and history share one height; the modifier is
   compact and stays within the bottom of the document card. */
#copy .copy-revised{grid-template-columns:minmax(0,1fr) 350px!important;align-items:start!important}
#copy .copy-editor,#copy .copy-history-panel{
  height:clamp(540px,calc(100vh - 420px),610px)!important;
  min-height:540px!important;
  box-sizing:border-box!important;
}
#copy .copy-editor{grid-template-rows:64px minmax(0,1fr) 46px auto!important}
#copy .copy-editor-head{min-height:64px!important;padding:12px 18px!important}
#copy .copy-editor .creative-bar{min-height:46px!important;padding:7px 16px!important;border-top:1px solid var(--ui-line)!important}
#copy .copy-editor .creative-bar>span{display:none!important}
#copy .copy-history-panel{padding:18px!important}
#copy .copy-history-panel .dv-copy-session-history{height:100%!important;margin-top:0!important;padding-top:0!important;border-top:0!important}
#copy .copy-history-panel .dv-chat-history{height:100%!important;max-height:none!important;overflow-y:auto!important}
#copy .rewrite-panel{
  width:calc(100% - 28px)!important;
  max-width:none!important;
  margin:0 14px 14px!important;
  padding:11px 13px!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
#copy .rewrite-panel-head{display:grid!important;grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr)!important;gap:12px!important;align-items:center!important}
#copy .rewrite-panel-head>p{min-width:0!important;justify-content:flex-start!important;white-space:nowrap}
#copy .rewrite-selection-note{max-width:220px!important}
#copy .rewrite-list{justify-content:center!important;flex-wrap:nowrap!important}
#copy .rewrite-list button{height:32px!important;padding:0 11px!important}
#copy .rewrite-custom{grid-template-columns:minmax(0,1fr) 138px!important;gap:8px!important}
#copy .rewrite-panel textarea,#copy .rewrite-panel .primary{height:40px!important;min-height:40px!important}

/* Director: keep the original tutorial/editor composition, simplify context,
   and place waiting feedback inside the script editor rather than above it. */
#director .director-context-bar{grid-template-columns:150px minmax(0,1fr) 270px!important;gap:18px!important;padding:12px 18px!important}
#director .director-return{justify-self:start;height:36px!important;padding:0 6px!important;border:0!important;background:transparent!important;border-radius:8px!important}
#director .director-return:hover{background:color-mix(in srgb,var(--ui-brand-1) 6%,#fff)!important}
#director .director-return>span{font-size:16px!important;color:inherit!important}
#director .director-context-bar>div:nth-child(2){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
#director .director-context-bar>div:nth-child(2) small{grid-row:auto!important;padding:5px 8px!important}
#director .director-context-bar>div:nth-child(2) b{font-size:15px!important}
#director .director-context-bar .ip-dropdown{min-width:0!important;width:270px!important}
#director .director-ip-picker{display:grid!important;grid-template-columns:30px minmax(0,1fr) 18px!important;align-items:center!important;gap:9px!important;text-align:left!important}
#director .director-ip-picker>b{display:none!important}
#director .director-ip-picker::after{content:"⌄";grid-column:3;justify-self:center;color:var(--ui-text-2);font-size:14px;line-height:1}
#director .director-ip-options{top:48px!important;padding:7px!important}
#director .director-ip-options button{min-height:40px!important;margin:2px 0!important}
#director .director-workspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;gap:16px!important}
#director .director-editor,#director .tutorial-mini{
  height:clamp(540px,calc(100vh - 365px),610px)!important;
  min-height:540px!important;
  box-sizing:border-box!important;
}
#director .director-editor{grid-template-rows:64px auto minmax(0,1fr) 46px auto!important}
#director .copy-editor-head{min-height:64px!important;padding:12px 18px!important}
#director .creative-bar{min-height:46px!important;padding:7px 16px!important}
#director .creative-bar>span{font-size:11px}
#director .director-generation-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 14px;
  align-items:center;
  margin:12px 16px 0;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--ui-brand-1) 16%,var(--ui-line));
  border-radius:11px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--ui-brand-1) 5%,#fff),#fff);
}
#director .director-generation-inline>div{display:flex;align-items:center;gap:9px}
#director .director-generation-inline b{font-size:13px}
#director .director-generation-inline small{color:var(--ui-text-2);font-size:11px}
#director .director-paragraph-skeleton{padding:18px 4px!important}
#director .dv-director-ai{
  margin:0 14px 14px!important;
  padding:11px 13px!important;
  gap:9px!important;
}
#director .dv-director-ai-head{display:grid!important;grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr)!important;gap:12px!important;align-items:center!important}
#director .dv-director-ai .dv-quick-rewrite{justify-content:center!important;flex-wrap:nowrap!important}
#director .dv-director-ai .dv-quick-rewrite button{height:32px!important;padding:0 11px!important}
#director .dv-director-ai-entry{grid-template-columns:minmax(0,1fr) 138px!important;gap:8px!important}
#director .dv-director-ai-entry input,#director .dv-director-ai-entry button{height:40px!important}

/* Director return confirmation: one close affordance and two equal decisions. */
.director-return-modal{gap:18px!important}
.director-return-modal>p{font-size:14px!important;line-height:1.6!important}
.director-return-note{display:none!important}
.director-return-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.director-return-actions button{width:100%!important;height:44px!important;margin:0!important}

/* Cover: this static direct-entry composition intentionally omits origin
   controls. Source-aware return behavior belongs to the interactive round. */
#cover .cover-source-note,#cover .cover-origin-back{display:none!important}
#cover .cover-revised{margin-top:0!important}

/* Account drawer: role-specific identity, readable groups and balanced width. */
.rr-account-drawer .pf-drawer{width:min(470px,42vw)!important;padding:26px!important}
.rr-account-drawer .pf-drawer-head{margin-bottom:18px!important;padding-bottom:17px!important}
.rr-account-drawer .pf-drawer-head h2{font-size:24px!important;line-height:1.2!important}
.rr-account-drawer .pf-drawer-head p{margin-top:7px!important;font-size:13px!important;line-height:1.5!important}
.rr-account-panel{gap:16px!important}
.rr-account-identity{gap:15px!important;padding:17px!important;border-radius:15px!important}
.rr-account-identity>i{width:52px!important;height:52px!important;border-radius:15px!important}
.rr-account-identity>div{gap:4px!important}.rr-account-identity small{font-size:12px!important}.rr-account-identity b{font-size:20px!important}.rr-account-identity span{font-size:12px!important}
.rr-account-quota{padding:17px 18px!important}.rr-account-quota small{font-size:12px!important}.rr-account-quota b{font-size:28px!important}

/* 首页额度数字保持同一基线；兼容旧脚本曾注入的 small 标签。 */
#home .quota>strong{
  display:flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
}
#home .quota>strong>span,
#home .quota>strong>small{
  display:inline!important;
  margin:0!important;
  color:var(--muted);
  font-size:14px;
  white-space:nowrap;
}
.rr-account-menu{gap:7px!important}.rr-account-menu>small{padding:2px 4px!important;font-size:12px!important}
.rr-account-menu button{min-height:60px!important;padding:12px 14px!important;border-color:color-mix(in srgb,var(--rr-line) 72%,transparent)!important}
.rr-account-menu button span{font-size:14px!important}.rr-account-menu button em{font-size:12px!important;line-height:1.45!important}

/* Contact administrator: separate contact data, service notes and actions. */
.dv-contact-card{max-width:1050px!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:28px!important;padding:26px!important;align-items:stretch!important}
.dv-contact-details{display:grid;align-content:start;gap:20px;min-width:0}
.dv-contact-details>header{display:grid;gap:4px;padding-bottom:15px;border-bottom:1px solid var(--dv-line)}
.dv-contact-details>header small{color:var(--ui-brand-1);font-size:11px;font-weight:800}
.dv-contact-details>header b{font-size:20px!important;font-weight:820!important}
.dv-contact-details>header span{display:none!important}
.dv-contact-groups{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:22px}
.dv-contact-groups section{min-width:0}
.dv-contact-groups h3{margin:0 0 12px;font-size:14px}
.dv-contact-card dl{grid-template-columns:78px minmax(0,1fr)!important;gap:10px 13px!important;margin:0!important;line-height:1.55}
.dv-contact-card dt{font-size:12px!important}.dv-contact-card dd{font-size:13px!important;font-weight:650!important;overflow-wrap:anywhere}
.dv-contact-actions{display:flex!important;align-items:center;gap:9px!important;margin-top:0!important;padding-top:16px;border-top:1px solid var(--dv-line)}
.dv-contact-actions button{height:40px!important}
.dv-contact-qr{align-self:stretch!important;align-content:center!important;padding:20px!important}

@media(max-width:1380px){
  #config .rr-config-toolbar .rr-config-domains button{min-width:116px!important;padding:0 13px!important}
  #users .user-row{grid-template-columns:minmax(290px,1.4fr) minmax(150px,.85fr) 82px 112px 112px 94px!important;gap:12px!important}
  #copy .copy-revised{grid-template-columns:minmax(0,1fr) 320px!important}
  #copy .copy-editor,#copy .copy-history-panel,#director .director-editor,#director .tutorial-mini{height:560px!important;min-height:540px!important}
  #copy .rewrite-panel-head,#director .dv-director-ai-head{grid-template-columns:1fr!important}
  #copy .rewrite-list,#director .dv-director-ai .dv-quick-rewrite{justify-content:flex-start!important}
  .dv-contact-card{grid-template-columns:minmax(0,1fr) 240px!important}
  .dv-contact-groups{grid-template-columns:1fr!important;gap:16px!important}
}

/* Final modifier language: the copy workspace uses a compact centred panel;
   the director workspace keeps a wider panel because its editor is narrower.
   The controls share hierarchy and rhythm, not a forced identical width. */
#copy .copy-editor .creative-bar,
#copy .rewrite-panel{
  width:60%!important;
  min-width:640px!important;
  max-width:720px!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#copy .copy-edit-actions{justify-content:flex-end!important}
#director .director-editor .creative-bar,
#director .dv-director-ai{
  width:calc(100% - 28px)!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
  margin-left:14px!important;
  margin-right:14px!important;
}
#director .director-edit-actions{justify-content:flex-end!important}
#copy .rewrite-panel,
#director .dv-director-ai{
  margin-top:0!important;
  margin-bottom:16px!important;
  padding:13px 15px!important;
  gap:10px!important;
  box-sizing:border-box!important;
}
#copy .rewrite-panel-head,
#director .dv-director-ai-head{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
#copy .rewrite-panel-head>p,
#director .dv-director-ai-head>p{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:34px!important;
}
#copy .rewrite-selection-note,
#director .dv-director-ai-head p b{
  display:block!important;
  min-width:0!important;
  max-width:250px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
#copy .rewrite-list,
#director .dv-director-ai .dv-quick-rewrite{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(76px,1fr))!important;
  gap:7px!important;
  margin:0!important;
  flex-wrap:nowrap!important;
  justify-content:stretch!important;
}
#copy .rewrite-list button,
#director .dv-director-ai .dv-quick-rewrite button{
  min-width:76px!important;
  width:auto!important;
  height:34px!important;
  padding:0 11px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  font-size:12px!important;
}
#copy .rewrite-custom,
#director .dv-director-ai-entry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  align-items:stretch!important;
  gap:9px!important;
  min-width:0!important;
}
#copy .rewrite-panel textarea,
#director .dv-director-ai-entry input,
#copy .rewrite-panel .primary,
#director .dv-director-ai-entry button{
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
}
#copy .rewrite-panel .primary,
#director .dv-director-ai-entry button{
  width:150px!important;
  padding:0 15px!important;
  white-space:nowrap!important;
}

@media(max-width:1420px){
  #copy .copy-editor .creative-bar,
  #copy .rewrite-panel{width:calc(100% - 28px)!important;min-width:0!important;max-width:none!important}
}

/* Immersive editor: shared wide three-level layout for both creation flows.
   It deliberately differs from the compact in-page copy/director assistants. */
.dv-selection-tools{
  width:min(810px,calc(100% - 48px))!important;
  min-height:0!important;
  padding:16px 18px!important;
  cursor:default!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(430px,1.35fr)!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:12px!important;
}
.dv-selection-summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.dv-selection-summary b{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:break-word!important;
}
.dv-selection-tools>.dv-quick-rewrite{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(78px,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.dv-selection-tools>.dv-quick-rewrite button{
  min-width:78px!important;
  height:42px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}
.dv-selection-tools>.dv-rewrite-entry{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  grid-column:1/-1!important;
  align-items:end!important;
  gap:12px!important;
}
.dv-selection-tools>.dv-rewrite-entry textarea{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:none!important;
  padding:9px 14px!important;
  overflow:hidden!important;
  line-height:1.55!important;
  resize:none!important;
}
.dv-selection-tools>.dv-rewrite-entry.is-multiline textarea{
  min-height:42px!important;
  padding:9px 14px!important;
  overflow:hidden!important;
}
.dv-selection-tools>.dv-rewrite-entry button{
  position:static!important;
  width:190px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}

@media(max-width:1120px){
  .dv-selection-tools{grid-template-columns:1fr!important}
  .dv-selection-tools>.dv-rewrite-entry{grid-column:1!important}
}

@media(max-width:760px){
  .dv-immersive-head{gap:9px;padding:0 14px}
  .dv-immersive-title{display:grid;gap:2px}
  .dv-immersive-title>span{max-width:42vw}
}

/* AI copy in-page assistant: its own compact composition and action menu. */
#copy .copy-output-actions:empty{display:none!important}
#copy .copy-editor .creative-bar{
  min-height:44px!important;
  padding:4px 0 6px!important;
  border-top:0!important;
  overflow:visible!important;
}
#copy .copy-edit-actions{
  position:relative!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  overflow:visible!important;
}
#copy .copy-edit-actions [data-copy-immersive]{
  order:1!important;
  height:38px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(105deg,var(--ui-brand-1),var(--ui-brand-2))!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
#copy .copy-more-actions{position:relative!important;order:2!important}
#copy .copy-more-actions>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ui-text-1)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
  list-style:none!important;
  white-space:nowrap!important;
}
#copy .copy-more-actions>summary::-webkit-details-marker{display:none!important}
#copy .copy-more-actions>summary::after{
  content:""!important;
  display:block!important;
  width:6px!important;
  height:6px!important;
  margin-left:8px!important;
  flex:0 0 6px!important;
  border-right:1.5px solid var(--ui-text-2)!important;
  border-bottom:1.5px solid var(--ui-text-2)!important;
  transform:rotate(45deg)!important;
  transform-origin:50% 50%!important;
  transition:transform .16s ease!important;
}
#copy .copy-more-actions[open]>summary::after{transform:rotate(225deg)!important}
#copy .copy-more-menu{
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 8px)!important;
  z-index:30!important;
  display:grid!important;
  gap:5px!important;
  width:178px!important;
  padding:7px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(45,35,78,.16)!important;
}
#copy .copy-more-actions:not([open])>.copy-more-menu{display:none!important}
#copy .copy-more-menu>button,
#copy .copy-more-menu>.dv-export-wrap,
#copy .copy-more-menu>.dv-export-wrap>button{
  width:100%!important;
}
#copy .copy-more-menu>button,
#copy .copy-more-menu>.dv-export-wrap>button{
  height:36px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--ui-text-1)!important;
  box-shadow:none!important;
  text-align:left!important;
  justify-content:flex-start!important;
  font-size:12px!important;
}
#copy .copy-more-menu>button:hover,
#copy .copy-more-menu>.dv-export-wrap>button:hover{background:var(--uu-action-hover)!important;color:var(--ui-brand-1)!important}
#copy .rewrite-panel-head{align-items:center!important}
#copy .rewrite-panel-head>p{align-items:center!important;line-height:34px!important}
#copy .rewrite-panel-head>p>.rewrite-selection-note{line-height:34px!important}

/* AI copy final placement: keep the document actions in the title bar and
   reserve the lower edge of the card exclusively for the compact modifier. */
#copy .copy-editor{
  grid-template-rows:64px minmax(0,1fr) auto!important;
}
#copy .copy-editor .creative-bar{
  display:none!important;
}
#copy .copy-editor-head>.copy-edit-actions{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  overflow:visible!important;
}
#copy .copy-more-actions>.copy-more-menu{
  top:calc(100% + 8px)!important;
  bottom:auto!important;
}
#copy .rewrite-panel-head>p{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  gap:7px!important;
  line-height:1.35!important;
}
#copy .rewrite-panel-head>p>.rewrite-selection-note{
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  max-width:320px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
}

/* Director editor final composition: one primary edit entry, one compact
   overflow menu, and a director-sized rewrite assistant below the script. */
#director .director-editor{
  grid-template-rows:64px minmax(0,1fr) auto!important;
}
#director .director-editor:has(.director-generation-inline){
  grid-template-rows:64px auto minmax(0,1fr) auto!important;
}
#director .director-editor .creative-bar,
#director .director-output-actions,
#director .director-workflow-actions{
  display:none!important;
}
#director .copy-editor-head{
  overflow:visible!important;
}
#director .copy-editor-head>.director-edit-actions{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin-left:auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  overflow:visible!important;
}
#director .director-edit-actions [data-director-immersive]{
  order:1!important;
  height:38px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(105deg,var(--ui-brand-1),var(--ui-brand-2))!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#director .director-more-actions{
  position:relative!important;
  order:2!important;
}
#director .director-more-actions>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ui-text-1)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
  list-style:none!important;
  white-space:nowrap!important;
}
#director .director-more-actions>summary::-webkit-details-marker{display:none!important}
#director .director-more-actions>summary::after{
  content:""!important;
  display:block!important;
  width:6px!important;
  height:6px!important;
  margin-left:8px!important;
  flex:0 0 6px!important;
  border-right:1.5px solid var(--ui-text-2)!important;
  border-bottom:1.5px solid var(--ui-text-2)!important;
  transform:rotate(45deg)!important;
  transform-origin:50% 50%!important;
  transition:transform .16s ease!important;
}
#director .director-more-actions[open]>summary::after{transform:rotate(225deg)!important}
#director .director-more-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:30!important;
  display:grid!important;
  gap:5px!important;
  width:186px!important;
  padding:7px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(45,35,78,.16)!important;
}
#director .director-more-actions:not([open])>.director-more-menu{display:none!important}
#director .director-more-menu>button,
#director .director-more-menu>.dv-export-wrap,
#director .director-more-menu>.dv-export-wrap>button{
  width:100%!important;
}
#director .director-more-menu>button,
#director .director-more-menu>.dv-export-wrap>button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:36px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--ui-text-1)!important;
  box-shadow:none!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:700!important;
}
#director .director-more-menu>button:hover,
#director .director-more-menu>.dv-export-wrap>button:hover{
  background:var(--uu-action-hover)!important;
  color:var(--ui-brand-1)!important;
}
#director .dv-director-ai{
  width:min(570px,calc(100% - 32px))!important;
  max-width:none!important;
  justify-self:center!important;
  margin:0 auto 16px!important;
}

/* Final director assistant composition: keep the selection tools on the first
   row and reserve a complete second row for the user's rewrite instruction. */
#director .dv-director-ai{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:stretch!important;
}
#director .dv-director-ai-head,
#director .dv-director-ai-entry{
  grid-column:1!important;
  min-width:0!important;
}
#director .dv-director-ai-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}
#director .dv-director-ai-head>p{
  width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#director .dv-director-ai-head p b{
  flex:1 1 auto!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
#director .dv-director-ai>small{
  display:none!important;
}
#director .dv-director-ai-entry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  gap:9px!important;
}
#director .dv-director-ai-entry input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  opacity:1!important;
  visibility:visible!important;
  border:1px solid var(--ui-line)!important;
  background:#fff!important;
}

/* Immersive assistant final compact sizing. */
.dv-selection-tools{
  width:min(648px,calc(100% - 48px))!important;
  grid-template-columns:minmax(270px,1fr) minmax(320px,1.1fr)!important;
  column-gap:14px!important;
  row-gap:10px!important;
  padding:13px 15px!important;
}
.dv-selection-summary{
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.dv-selection-summary b{
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.dv-selection-tools>.dv-quick-rewrite{
  grid-template-columns:repeat(4,minmax(62px,1fr))!important;
  gap:8px!important;
}
.dv-selection-tools>.dv-quick-rewrite button{
  min-width:62px!important;
  height:34px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.dv-selection-tools>.dv-rewrite-entry{
  grid-template-columns:minmax(0,1fr) 152px!important;
  gap:10px!important;
}
.dv-selection-tools>.dv-rewrite-entry button{
  width:152px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
}

/* Treat the back arrow and label as one return control. */
.dv-immersive-head .dv-close{
  gap:5px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.dv-immersive-head .dv-close>span{
  display:contents!important;
}

/* Collapsed sidebar is a true icon rail without a label/layout snap. The
   labels stay in the DOM and fade while their available width closes. */
.sidebar nav .nav{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  transition:
    padding-inline .24s cubic-bezier(.4,0,.2,1),
    gap .18s ease,
    color .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease!important;
}
.sidebar nav .nav>span{
  display:block!important;
  min-width:0!important;
  max-width:170px;
  overflow:hidden!important;
  opacity:1;
  text-overflow:clip;
  white-space:nowrap!important;
  transition:max-width .18s ease,opacity .12s ease!important;
}
.sidebar .brand{
  transition:gap .18s ease,padding-inline .24s cubic-bezier(.4,0,.2,1)!important;
}
.sidebar .brand>b{
  flex:0 0 30px!important;
  min-width:30px!important;
  max-width:30px!important;
  width:30px!important;
  height:30px!important;
}
.sidebar .brand strong,
.sidebar .brand>span{
  display:block!important;
  max-width:150px;
  overflow:hidden!important;
  opacity:1;
  white-space:nowrap!important;
  transition:max-width .18s ease,opacity .12s ease!important;
}
.sidebar.collapsed nav .nav{
  gap:0!important;
  padding-inline:15px!important;
}
.sidebar.collapsed nav .nav>span{
  display:block!important;
  max-width:0!important;
  opacity:0;
}
.sidebar.collapsed .brand{
  gap:0!important;
  justify-content:center!important;
  padding-inline:11px!important;
}
.sidebar.collapsed .brand strong,
.sidebar.collapsed .brand>span{
  display:block!important;
  max-width:0!important;
  opacity:0;
}
.sidebar.collapsed nav>p{
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
}
.sidebar nav .nav>.nav-icon{
  flex:0 0 20px!important;
  min-width:20px!important;
  max-width:20px!important;
}

/* Export format menus opened from the compact "more" menu need their own
   opaque layer; opening to the left keeps them clear of the editor surface. */
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu{
  top:auto!important;
  right:calc(100% + 8px)!important;
  bottom:0!important;
  z-index:120!important;
  opacity:1!important;
  background:#fff!important;
  backdrop-filter:none!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu{
  width:190px!important;
  padding:7px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:12px!important;
  box-shadow:0 16px 40px rgba(37,30,58,.15)!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu>button,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu>button{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-height:47px!important;
  height:auto!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ui-text-1)!important;
  text-align:left!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu>button:hover,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu>button:hover{
  background:var(--uu-action-hover)!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu>button>i,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu>button>i{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border-radius:8px!important;
  background:var(--dv-soft)!important;
  color:var(--ui-brand-1)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu>button>span,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu>button>span{
  display:block!important;
  min-width:0!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu b,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu b{
  display:block!important;
  margin:0!important;
  color:var(--ui-text-1)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
}
#copy .copy-more-menu>.dv-export-wrap>.dv-export-menu small,
#director .director-more-menu>.dv-export-wrap>.dv-export-menu small{
  display:block!important;
  margin:2px 0 0!important;
  color:var(--ui-text-2)!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.3!important;
}

/* The FLIP shell briefly extends past the viewport while collapsing. Never
   let that compositor-only overflow create a horizontal page scrollbar: its
   appearance changes the viewport height and makes the lower page jump. */
html,
body{
  max-width:100%;
  overflow-x:clip!important;
}
@supports not (overflow:clip){
  html,
  body{overflow-x:hidden!important}
}

/* Keep the rail animation small. The page itself is moved with FLIP in
   revision.js, so it lays out once instead of reflowing every card per frame. */
.sidebar{
  transition:
    width .24s cubic-bezier(.4,0,.2,1),
    padding-inline .24s cubic-bezier(.4,0,.2,1)!important;
}
main,
.main{
  transition:none!important;
}
main.sidebar-slide,
.main.sidebar-slide{
  transition:transform .24s cubic-bezier(.4,0,.2,1)!important;
  will-change:transform;
}
.side-collapse{
  transition:
    color .18s ease,
    background-color .18s ease,
    box-shadow .18s ease!important;
}
.side-collapse:active{transform:none!important}

@media(prefers-reduced-motion:reduce){
  .sidebar,
  main,
  .main,
  .side-collapse{transition-duration:.01ms!important}
}

/* Real assets keep the approved prototype's poster-like rhythm. Text assets
   show one derived hook instead of pouring the saved body into the card. */
#assets .assets-grid-revised{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}
#assets .asset-mini,
#assets .asset-mini.history-draft{
  position:relative!important;
  overflow:visible!important;
  height:100%;
  box-sizing:border-box;
  border:1px solid rgba(112,81,255,.16)!important;
  border-radius:15px!important;
}
#assets .asset-mini .asset-preview-mini{
  display:-webkit-box!important;
  height:142px!important;
  padding:18px 20px!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--ui-text-1)!important;
  font-size:20px!important;
  font-weight:850!important;
  margin-bottom:14px!important;
  line-height:1.28!important;
}
#assets .asset-mini>small{
  margin:0 0 12px!important;
}
#assets .asset-mini>strong{
  margin:0 0 20px!important;
}
#assets .asset-mini[data-type="脚本"] .asset-preview-mini,
#assets .asset-mini[data-type="封面"] .asset-preview-mini{color:#fff!important}
#assets .asset-mini>.asset-action{
  position:absolute;
  z-index:2;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:var(--ui-brand-1);
  font-size:15px;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(55,42,92,.08);
}
#assets .asset-mini>em{
  margin-top:0!important;
  padding-right:38px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#assets .asset-live-source,
#assets .asset-live-actions{display:none!important}
#assets .asset-more-actions{
  position:absolute;
  z-index:4;
  right:12px;
  bottom:10px;
}
#assets .asset-more-actions>summary{
  display:grid;
  place-items:center;
  width:30px;
  height:28px;
  border-radius:8px;
  color:var(--ui-text-2);
  font-size:14px;
  cursor:pointer;
  list-style:none;
}
#assets .asset-more-actions>summary::-webkit-details-marker{display:none}
#assets .asset-more-actions>summary:hover,
#assets .asset-more-actions[open]>summary{background:var(--dv-soft);color:var(--ui-brand-1)}
#assets .asset-more-actions>div{
  position:absolute;
  right:0;
  bottom:34px;
  display:grid;
  gap:4px;
  width:190px;
  padding:8px;
  border:1px solid var(--ui-line);
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 34px rgba(45,35,72,.16);
}
#assets .asset-more-actions>div>span{
  padding:5px 7px 7px;
  border-bottom:1px solid var(--ui-line);
  color:var(--ui-text-2);
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#assets .asset-more-actions button{
  height:32px;
  padding:0 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ui-text-1);
  text-align:left;
  cursor:pointer;
}
#assets .asset-more-actions button:hover{background:var(--dv-soft);color:var(--ui-brand-1)}
#assets .asset-more-actions button.danger:hover{background:#fff2f4;color:#b84c5d}

/* Destructive asset actions use the approved in-product modal instead of the
   browser's native confirmation prompt. */
.asset-delete-dialog{width:min(440px,calc(100vw - 32px))!important}
.asset-delete-modal{display:grid;gap:18px}
.asset-delete-modal>p{margin:0;color:var(--ui-text-2);font-size:14px;line-height:1.65}
.asset-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.asset-delete-actions button{width:100%!important;height:44px!important;margin:0!important}
.asset-delete-actions .danger-lite{background:color-mix(in srgb,var(--ui-danger) 9%,#fff)!important}