:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#1e1e1e;color:#ededed;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:65px;border-bottom:1px solid #363636;background:#222;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1192px)/2))}header b{font-size:20px}small,p{color:#aaa}main{max-width:1240px;margin:48px auto;padding:0 24px}main>small,.previewhead small{font-size:10px;letter-spacing:1.7px}h1{font-size:28px;letter-spacing:-.8px;margin:12px 0}h2{font-size:19px;margin:0 0 10px}p{line-height:1.6;margin:0 0 24px}nav{display:flex;gap:26px;border-bottom:1px solid #3a3a3a;margin:28px 0 30px}button{background:#252525;color:#ddd;border:1px solid #474747;border-radius:6px;padding:11px 15px;cursor:pointer;font:inherit}button:hover{background:#333}button:disabled{opacity:.4;cursor:default}nav button{background:none;border:0;border-radius:0;padding:15px 4px}nav .active{color:white;border-bottom:2px solid #389cff;font-weight:bold}.primary{background:#1686e8;border-color:#1686e8;color:white}.primary:hover{background:#2896f5}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}#slots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.slot{background:#242424;border:1px solid #3d3d3d;border-radius:8px;padding:24px}.badge{font-size:11px;letter-spacing:1px;color:#aaa}.slot h3{font-size:20px;margin:12px 0 24px}.drop{display:block;border:1px dashed #555;border-radius:6px;padding:30px 12px;text-align:center;color:#aaa;overflow-wrap:anywhere}.drop:hover{border-color:#389cff}.drop strong{display:block;color:#ddd;margin:12px 0 8px}.drop input{width:100%;margin-top:16px;font-size:11px}.sprintfield{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#aaa}.sprintfield input{width:100px}.notice{margin:24px 0;color:#999;font-size:12px}.footer{border-top:1px solid #383838;padding:24px 0;display:flex;justify-content:space-between;align-items:center;color:#aaa}input,select{background:#2b2b2b;border:1px solid #494949;border-radius:5px;color:#eee;padding:10px;font:inherit}input[type=checkbox]{accent-color:#2999ff;width:16px;height:16px}.filters{display:flex;gap:12px;align-items:center;margin:8px 0 20px}.filters>input{flex:1;min-width:130px}#periods{display:flex;gap:6px}#periods .chosen{background:#303f4e;border-color:#4589ca;color:#8dcaff}.ticket{display:grid;grid-template-columns:25px 80px 1fr 190px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #383838;background:#242424}.key{font-size:12px;color:#aaa}.ticket input[type=text]{width:100%;background:transparent;border-color:transparent}.ticket input[type=text]:hover,.ticket input[type=text]:focus{border-color:#555}.empty{padding:40px;text-align:center;color:#999;border:1px solid #3b3b3b;border-radius:6px}.previewhead{margin-top:48px}.previewhead h2{margin-top:10px}.canvaswrap{background:#171717;padding:18px;border:1px solid #393939;border-radius:8px;overflow:auto}canvas{display:block;width:100%;height:auto;background:white;min-width:650px}.options{display:flex;gap:30px;flex-wrap:wrap;margin:20px 0;color:#bbb}.options label{display:flex;align-items:center;gap:8px}.options small{font-size:11px}#message{color:#91bfeb;min-height:24px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #55aaff;outline-offset:3px}@media(max-width:850px){#slots{grid-template-columns:1fr}.filters{flex-wrap:wrap}.ticket{grid-template-columns:25px 65px 1fr}.ticket select{grid-column:3}.sectionhead{align-items:flex-start;flex-direction:column}.previewhead button{margin-bottom:12px}header small{display:none}main{margin-top:30px}.options{gap:15px}}

.drop{cursor:pointer;transition:border-color .15s,background .15s}.drop.dragging{border-color:#389cff;background:#24384a;outline:2px solid #389cff;outline-offset:2px}.drop.dragging strong{color:#8dcaff}

.slot.dragging{border-color:#389cff;background:#24384a}.slot.dragging .drop{border-color:#389cff;background:#24384a;outline:2px solid #389cff;outline-offset:2px}.slot.dragging .drop strong{color:#8dcaff}
/* Workspace: selection and exported result stay together. */
main{max-width:1800px}.workspace{--ticket-width:42%;display:grid;grid-template-columns:minmax(360px,var(--ticket-width)) 12px minmax(0,1fr);align-items:start}.ticketpanel,.previewpanel{min-width:0;border:1px solid #414141;background:#242424;border-radius:8px;padding:18px}.previewpanel{position:sticky;top:16px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.panelhead h2{font-size:23px;margin-bottom:6px}.panelhead span{color:#aaa;font-size:12px}.export{display:flex;gap:6px;flex-wrap:wrap}.export button{padding:10px;font-size:12px}.splitter{height:75vh;cursor:col-resize;touch-action:none;position:sticky;top:16px}.splitter:after{content:'';display:block;background:#555;width:3px;height:55px;margin:30vh auto;border-radius:3px}.splitter:hover:after,.splitter:focus:after{background:#389cff}#periods{border-bottom:1px solid #444;overflow:auto;margin-bottom:15px}#periods button{white-space:nowrap;border:0;border-radius:0;background:none;font-size:12px;padding:14px 10px}#periods .chosen{color:#58adff;border-bottom:3px solid #389cff;background:transparent}.filters{flex-wrap:wrap;gap:8px}.filters>input{flex-basis:100%}.filters select{max-width:65%;font-size:12px}.filters button{font-size:12px}.listhead,.ticket{display:grid;grid-template-columns:66px minmax(0,1fr) 142px;gap:12px}.listhead{padding:12px 8px;background:#292929;border:1px solid #444;border-radius:6px 6px 0 0;font-size:11px;color:#bbb;align-items:center}.listhead label{display:flex;gap:4px;align-items:center}#tickets{max-height:55vh;overflow:auto;border:1px solid #414141;border-top:0}.ticket{padding:12px 8px;align-items:start;border-left:3px solid transparent}.ticket.selected{background:#26333f;border-left-color:#389cff}.include{display:flex;min-height:42px;width:100%;align-items:center;justify-content:center;cursor:pointer}.include input{width:20px;height:20px}.ticket .key{display:block;color:#ddd;font-size:12px;margin-bottom:7px}.tickettitle{line-height:1.5;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ticketbody:focus-within .tickettitle,.ticketbody:hover .tickettitle{-webkit-line-clamp:unset}.titleactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.titleactions button{padding:4px 0;font-size:11px;background:none;border:0;color:#8fc8fc}.titleactions{opacity:0}.ticket:hover .titleactions,.ticket:focus-within .titleactions{opacity:1}.ticket details{margin-top:5px;font-size:11px;color:#aaa}.ticket details p{margin:8px 0;overflow-wrap:anywhere}.ticket select{font-size:11px;width:100%;padding:9px 5px;background:#3a3e43;border-color:#555}.ticket select.unassigned{border-color:#b38330;color:#f1c578;background:#46391f}.ticket textarea{width:100%;min-height:95px;font:inherit;line-height:1.5;margin:8px 0;background:#1e1e1e;color:white;border:1px solid #579de2;padding:8px;border-radius:5px;resize:vertical}.bulk{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:15px 0}.bulk span{font-size:12px;flex:1 1 100%}.bulk button,.bulk select{font-size:11px;padding:8px}.remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb;margin-bottom:12px}.ticketpanel>small{display:block;border-top:1px solid #444;padding-top:12px;font-size:11px}.options{border:0;border-top:1px solid #444;padding:12px 0;margin:8px 0 16px;gap:12px;font-size:12px}.options legend{color:#aaa;font-size:11px;padding:0 8px 0 0}.canvaswrap{padding:10px;background:#f9fafc}canvas{min-width:0}.imageSettings{display:flex;gap:18px;margin:18px 0;flex-wrap:wrap}.imageSettings label{font-size:12px;display:flex;align-items:center;gap:8px}.imageSettings select{padding:8px}.previewpanel>small{font-size:11px}.previewpanel.expanded{position:fixed;inset:20px;z-index:100;overflow:auto;box-shadow:0 0 0 40px #000b}.previewpanel.expanded .canvaswrap{max-width:1800px;margin:auto}#sprintInfo{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}#sprintInfo>span{flex:1;padding:12px;background:#242424;border:1px solid #3a3a3a;border-radius:5px;font-size:12px}#sprintInfo small{display:block;font-size:11px;margin-top:6px;overflow-wrap:anywhere}#sprintWarning:not(:empty){border:1px solid #8d6e31;color:#e6c67e;background:#352f24;padding:12px;border-radius:5px;margin-bottom:18px}#message{font-size:12px;min-height:20px}#previewEmpty{margin-bottom:12px}.sectionhead{margin-bottom:16px}.sectionhead p{margin-bottom:0}.ticket select{grid-column:auto}
@media(max-width:1100px){.workspace{display:flex;flex-direction:column;gap:20px}.ticketpanel,.previewpanel{width:100%;position:static}.splitter{display:none}.titleactions{opacity:1}.ticket{grid-template-columns:50px minmax(0,1fr) 150px}.listhead{grid-template-columns:50px minmax(0,1fr) 150px}.previewpanel.expanded{position:fixed;width:auto}.ticket select{grid-column:auto}}@media(max-width:550px){.ticket,.listhead{grid-template-columns:40px minmax(0,1fr) 105px;gap:6px}.ticketpanel,.previewpanel{padding:10px}main{padding:0 12px}.panelhead{align-items:flex-start}.previewpanel.expanded{inset:6px}.options{flex-direction:column}.ticket select{grid-column:auto}}
nav{display:flex;align-items:center;gap:16px;border-bottom:0;margin:16px 0 30px;padding:0 0 22px;border-bottom:1px solid #363636}nav button{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;text-align:left;padding:12px 16px;border:1px solid transparent;border-radius:8px;font-size:13px;transition:background .15s,border-color .15s}nav button.active{border:1px solid #3777ad;background:#23313e;color:#edf6ff}nav button:hover:not(:disabled){background:#2b3036}nav button:disabled{opacity:.5}nav .step-number{grid-row:1 / 3;display:flex;width:30px;height:30px;border:1px solid #666;border-radius:50%;align-items:center;justify-content:center;font-weight:700;background:#2b2b2b;color:#bbb}.active .step-number{background:#208af0;border-color:#208af0;color:white}.complete:not(.active) .step-number{color:#9bd7ad;border-color:#52735b;background:#29392d}.step-state{font-size:11px;color:#999;font-weight:400}.active .step-state{color:#9ebedc}.step-connector{width:38px;height:1px;background:#505050;flex-shrink:0}@media(max-width:550px){nav{gap:7px}nav button{padding:10px 8px;font-size:12px;column-gap:7px;grid-template-columns:26px auto}nav .step-number{width:26px;height:26px}.step-connector{width:14px}.step-state{font-size:10px}}