/* v6.4 Assignment Builder v2 · DEV1D. Reuses the site's v5.4/v6.x workspace language. */
.v64-modal{width:min(1120px,100%)}
.v64-head p{max-width:720px}
.v64-body{gap:14px}
.v64-builder{display:grid;gap:14px;padding-bottom:0!important;overflow:visible!important}
.v64-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v64-grid .wide{grid-column:1/-1}
.v64-grid label,.v64-draw,.v64-advanced label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#334155;font-size:13px}
.v64-grid input,.v64-grid select,.v64-grid textarea,.v64-draw input,.v64-advanced select,.v64-browser-actions input{width:100%;box-sizing:border-box;border:1px solid #d7dee8;border-radius:10px;padding:10px 11px;background:#fff;color:#1f2937;font:inherit;outline:none}
.v64-grid textarea{resize:vertical;min-height:68px}
.v64-grid input:focus,.v64-grid select:focus,.v64-grid textarea:focus,.v64-draw input:focus,.v64-advanced select:focus,.v64-browser-actions input:focus{border-color:#8ab6e6;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.v64-step{border-top:1px solid #e7ebf0;padding:15px 0 2px;display:grid;gap:12px;background:transparent}
.v64-step-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v64-step-title>div:first-child{display:grid;gap:3px}
.v64-step-title b{font-size:15px;color:#1f2937}
.v64-step-title span{font-size:12px;color:#7b8798;font-weight:500}
.v64-step-actions{display:flex!important;gap:6px!important}
.v64-step-title button,.v64-browser-actions button,.v64-pager button{border:1px solid #d8dee7;background:#fff;color:#475569;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer;font-size:12px}
.v64-step-title button:hover,.v64-browser-actions button:hover,.v64-pager button:hover{background:#f6f8fb}
.v64-step-title button:disabled,.v64-browser-actions button:disabled,.v64-pager button:disabled{opacity:.45;cursor:not-allowed}
.v64-chips{display:flex;flex-wrap:wrap;gap:7px}
.v64-chip{position:relative;cursor:pointer}
.v64-chip input{position:absolute;opacity:0;pointer-events:none}
.v64-chip span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #d8dee7;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:700}
.v64-chip.on span{border-color:#9bbce0;background:#eef5fc;color:#24527d}
.v64-combo-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#374151;margin-top:1px}
.v64-combo-title span{font-size:11px;font-weight:600;color:#8994a3}
.v64-combo-groups{display:grid;gap:10px}
.v64-combo-groups>section{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:start}
.v64-combo-groups>section>b{font-size:12px;color:#596678;padding-top:8px;overflow-wrap:anywhere}
.v64-combos{display:flex;flex-wrap:wrap;gap:6px}
.v64-combo{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe1e9;border-radius:8px;padding:6px 8px;background:#fff;cursor:pointer;min-width:0}
.v64-combo input{width:15px;height:15px;flex:0 0 auto}
.v64-combo>span{font-size:12px;color:#526176;white-space:nowrap}
.v64-combo small{font-size:10px;color:#98a2b1}
.v64-combo.on{border-color:#9bbce0;background:#eef5fc}
.v64-muted{border:1px dashed #d5dce5;border-radius:9px;padding:11px;color:#7b8798;text-align:center;font-size:12px}
.v64-browser{display:grid;gap:10px;min-width:0}
.v64-browserbar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.v64-browserbar>div:first-child{display:grid;gap:2px}
.v64-browserbar>div:first-child b{font-size:13px;color:#334155}
.v64-browserbar>div:first-child span{font-size:11px;color:#7b8798}
.v64-browser-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:1}
.v64-browser-actions input[data-field="search"]{width:min(300px,100%);padding:8px 10px}
.v64-browser-actions label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:#596678;font-weight:700}
.v64-browser-actions label input{width:15px;height:15px}
.v64-browser-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px;min-width:0}
.v64-browser-nav{border:1px solid #e0e5ec;border-radius:10px;background:#f8fafc;padding:7px;display:grid;align-content:start;gap:7px;max-height:540px;overflow:auto}
.v64-browser-nav>button,.v64-browser-nav section button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:transparent;border-radius:7px;padding:7px 8px;text-align:left;color:#526176;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.v64-browser-nav>button:hover,.v64-browser-nav section button:hover{background:#eef2f6}
.v64-browser-nav button.on{background:#e8f1fb;color:#24527d}
.v64-browser-nav button span{font-size:10px;color:#8a95a4;font-weight:600}
.v64-browser-nav section{display:grid;gap:3px;border-top:1px solid #e6eaf0;padding-top:7px}
.v64-browser-nav section>b{padding:0 8px 3px;font-size:11px;color:#344256;overflow-wrap:anywhere}
.v64-browser-main{min-width:0;display:grid;gap:8px}
.v64-question-scroll{max-height:540px;overflow:auto;padding-right:3px;overscroll-behavior:contain}
.v64-question-list{display:grid;gap:7px}
.v64-qcard{border:1px solid #e0e5eb;border-radius:10px;padding:11px 12px;background:#fff;display:grid;gap:7px;min-width:0}
.v64-qcard.selected{border-color:#9ebddd;background:#f7fbff}
.v64-qtop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v64-qtop>small{color:#9aa4b1;overflow-wrap:anywhere;text-align:right;font-size:10px}
.v64-qpick{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#475569;cursor:pointer}
.v64-qpick input{width:16px;height:16px}
.v64-readonly{font-size:11px;font-weight:700;color:#7b8798}
.v64-qmeta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.v64-qmeta>*{font-size:10px;border-radius:6px;padding:3px 6px;background:#f0f3f6;color:#667386}
.v64-qmeta>b{background:#eaf2f9;color:#335f87}
.v64-stem{font-size:13px;line-height:1.65;color:#273445;white-space:pre-wrap;overflow-wrap:anywhere}
.v64-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}
.v64-images img{display:block;width:100%;max-height:280px;object-fit:contain;border:1px solid #e1e6ec;border-radius:8px;background:#fff}
.v64-qdetail{border-top:1px dashed #dde3e9;padding-top:6px}
.v64-qdetail summary{cursor:pointer;font-size:11px;font-weight:800;color:#456b90}
.v64-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.v64-options>div{border:1px solid #e3e7ec;border-radius:7px;padding:7px 8px;font-size:12px;line-height:1.5;color:#526176;background:#fafbfc;overflow-wrap:anywhere}
.v64-qdetail dl{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px 9px;margin:9px 0 0;font-size:11px;line-height:1.55}
.v64-qdetail dt{font-weight:800;color:#738093}
.v64-qdetail dd{margin:0;color:#3f4d5f;overflow-wrap:anywhere}
.v64-preline{white-space:pre-line}
.v64-pager{display:flex;justify-content:center;align-items:center;gap:8px}
.v64-pager span{font-size:11px;color:#738093;font-weight:700}
.v64-delivery{display:grid;gap:10px}
.v64-kind-row{display:flex;gap:7px;flex-wrap:wrap}
.v64-kind-row label{display:flex;align-items:center;gap:6px;border:1px solid #d8dee7;border-radius:8px;padding:7px 10px;background:#fff;font-size:12px;font-weight:700;color:#526176;cursor:pointer}
.v64-kind-row label.on{border-color:#9bbce0;background:#eef5fc;color:#24527d}
.v64-kind-row input{width:15px;height:15px}
.v64-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.v64-mode-card{position:relative;display:grid;gap:4px;border:1px solid #dde3ea;border-radius:9px;padding:10px;background:#fff;cursor:pointer;min-width:0}
.v64-mode-card input{position:absolute;opacity:0;pointer-events:none}
.v64-mode-card b{font-size:12px;color:#344256}
.v64-mode-card span{font-size:10px;line-height:1.45;color:#7c8797;font-weight:500}
.v64-mode-card.on{border-color:#91b5da;background:#eef5fc;box-shadow:inset 3px 0 0 #79a6d4}
.v64-draw{max-width:260px}
.v64-draw small{font-size:10px;color:#8994a3;font-weight:500}
.v64-fixed-note{font-size:12px;color:#667386;background:#f7f8fa;border:1px solid #e4e8ed;border-radius:8px;padding:9px 10px}
.v64-advanced{border-top:1px dashed #dde3e9;padding-top:8px}
.v64-advanced summary{cursor:pointer;font-size:11px;font-weight:800;color:#596678}
.v64-advanced>div{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-top:9px}
.v64-advanced label{min-width:180px}
.v64-advanced .v54-check{min-width:0!important;padding-bottom:9px!important}
.v64-summary{display:flex;flex-wrap:wrap;gap:7px;padding-top:1px}
.v64-summary span{font-size:11px;color:#657286;border-right:1px solid #dfe4ea;padding-right:7px}
.v64-summary span:last-child{border-right:0}
.v64-summary b{color:#344256}
.v64-publish{position:sticky;bottom:0;z-index:8;margin:0 -18px;padding:10px 18px;border-top:1px solid #dde3e9;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -5px 16px rgba(15,23,42,.045)}
.v64-publish>div{display:flex;align-items:baseline;gap:6px;min-width:0}
.v64-publish>div b{font-size:18px;color:#273445}
.v64-publish>div span{font-size:11px;color:#718096;white-space:nowrap}
.v64-publish .v54-btn{min-width:130px}
.v64-cardmeta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.v64-cardmeta span{font-size:10px;border-radius:6px;padding:4px 7px;background:#f0f3f6;color:#667386;font-weight:700}

@media(max-width:920px){
  .v64-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v64-browserbar{display:grid;grid-template-columns:1fr}
  .v64-browser-actions{justify-content:flex-start}
  .v64-browser-actions input[data-field="search"]{width:100%;flex:1 1 100%}
}
@media(max-width:760px){
  .v64-modal{width:100%}
  .v64-grid{grid-template-columns:1fr}
  .v64-grid .wide{grid-column:auto}
  .v64-step-title{align-items:flex-start}
  .v64-step-actions{width:100%}
  .v64-combo-groups>section{grid-template-columns:1fr;gap:5px}
  .v64-combo-groups>section>b{padding-top:0}
  .v64-browser-layout{grid-template-columns:1fr}
  .v64-browser-nav{max-height:none;display:flex;overflow-x:auto;overflow-y:hidden;gap:5px;padding:6px}
  .v64-browser-nav>button,.v64-browser-nav section button{width:auto;white-space:nowrap;flex:0 0 auto}
  .v64-browser-nav section{display:flex;align-items:center;border-top:0;border-left:1px solid #e3e8ed;padding:0 0 0 5px;gap:4px}
  .v64-browser-nav section>b{white-space:nowrap;padding:0 4px}
  .v64-question-scroll{max-height:500px}
  .v64-browser-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .v64-browser-actions input[data-field="search"]{grid-column:1/-1}
  .v64-browser-actions label{grid-column:1/-1}
  .v64-browser-actions button{width:100%}
  .v64-options{grid-template-columns:1fr}
  .v64-publish{margin:0 -14px;padding:9px 14px}
}
@media(max-width:430px){
  .v64-body{padding-left:13px!important;padding-right:13px!important}
  .v64-builder,.v54-panel{min-width:0}
  .v64-chip span{font-size:11px;padding:5px 8px}
  .v64-mode-grid{grid-template-columns:1fr 1fr}
  .v64-mode-card{padding:8px}
  .v64-browser-actions{grid-template-columns:1fr}
  .v64-browser-actions input[data-field="search"],.v64-browser-actions label{grid-column:auto}
  .v64-question-scroll{max-height:470px}
  .v64-qcard{padding:9px;border-radius:8px}
  .v64-qtop{align-items:flex-start}
  .v64-qdetail dl{grid-template-columns:1fr;gap:2px}
  .v64-qdetail dd{margin-bottom:6px}
  .v64-publish{margin:0 -13px;padding:8px 13px}
  .v64-publish>div span{white-space:normal}
  .v64-publish .v54-btn{min-width:110px}
}
@media(prefers-color-scheme:dark){
  .v64-grid label,.v64-step-title b,.v64-stem,.v64-mode-card b,.v64-combo-title{color:#e5e7eb}
  .v64-grid input,.v64-grid select,.v64-grid textarea,.v64-draw input,.v64-advanced select,.v64-browser-actions input,.v64-chip span,.v64-combo,.v64-qcard,.v64-kind-row label,.v64-mode-card{background:#111827;color:#e5e7eb;border-color:#374151}
  .v64-chip.on span,.v64-combo.on,.v64-kind-row label.on,.v64-mode-card.on,.v64-browser-nav button.on{background:#17263a;border-color:#4b6f95;color:#cfe8ff}
  .v64-browser-nav,.v64-fixed-note{background:#0f172a;border-color:#374151;color:#cbd5e1}
  .v64-browser-nav section{border-color:#374151}
  .v64-browser-nav>button:hover,.v64-browser-nav section button:hover{background:#182233}
  .v64-qcard.selected{background:#122033;border-color:#4b6f95}
  .v64-qmeta>*{background:#1f2937;color:#cbd5e1}.v64-qmeta>b{background:#1d3853;color:#dbeafe}
  .v64-options>div{background:#0f172a;border-color:#374151;color:#cbd5e1}
  .v64-images img{background:#111827;border-color:#374151}
  .v64-qdetail{border-color:#374151}.v64-qdetail dd{color:#cbd5e1}.v64-qdetail dt,.v64-browserbar>div:first-child span,.v64-step-title span,.v64-pager span,.v64-mode-card span{color:#9ca3af}
  .v64-publish{background:rgba(17,24,39,.96);border-color:#374151}
  .v64-publish>div b{color:#e5e7eb}
  .v64-cardmeta span{background:#1f2937;color:#cbd5e1}
}