@font-face{font-family:KujiBoardFont;src:url(/next/api/kuji-boards/font-bold)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:KujiBoardFont;src:url(/next/api/kuji-boards/font)format("opentype");font-display:swap}.kuji-board-tool{--kb-line:var(--office-border,#788a8a55);--kb-panel:var(--office-surface,#162332);--kb-text:var(--office-text,#e4eef3);color:var(--kb-text);min-width:0}.kuji-board-tool *{box-sizing:border-box}.kb-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.kb-toolbar h1{margin:0;font-size:25px}.kb-toolbar>input{flex:1;min-width:150px}.kuji-board-tool button,.kuji-board-tool input,.kuji-board-tool select,.kuji-board-tool textarea{font:inherit;border:1px solid var(--kb-line);max-width:100%;color:inherit;background:var(--kb-panel);border-radius:7px;padding:8px}.kuji-board-tool button{cursor:pointer}.kuji-board-tool button:disabled{opacity:.5;cursor:wait}.kuji-board-tool button.selected{border-color:#ff6428;box-shadow:inset 3px 0 #ff6428}.kuji-board-tool button.primary,.kb-job a{color:#fff;background:#15796f;border-radius:7px;padding:9px 12px}.kb-layout{grid-template-columns:160px minmax(0,1fr) 245px;gap:12px;display:grid}.kb-library,.kb-inspector{border:1px solid var(--kb-line);border-radius:10px;flex-direction:column;align-self:start;gap:9px;min-width:0;max-height:82vh;padding:12px;display:flex;overflow:auto}.kb-library h2,.kb-inspector h2{margin:3px 0 8px;font-size:16px}.kb-inspector h3{margin:10px 0 0;font-size:14px}.kb-library button{text-align:left;flex-direction:column;gap:4px;display:flex}.kb-library small,.kb-hint,.kb-toolbar small,.kb-inspector small{opacity:.7;font-size:11px}.kb-workspace{min-width:0;max-width:none!important;margin:0!important;padding:0!important}.kb-pagebar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.kb-pagebar label{margin-left:auto;font-size:12px}.kb-pagebar input{vertical-align:middle;width:90px}.kb-scroll{border:1px solid var(--kb-line);background:#28313b;border-radius:10px;min-height:300px;max-height:80vh;overflow:auto}.kb-canvas{touch-action:none;background:#fff;max-width:none;height:auto;display:block}.kb-handles{cursor:grab}.kb-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kb-fields label,.kb-pair label{flex-direction:column;gap:4px;min-width:0;font-size:11px;display:flex}.kb-fields input{width:100%}.kb-pair{gap:7px;display:flex}.kb-pair>*{flex:1;min-width:0}.kb-inspector textarea{resize:vertical;width:100%}.kb-message{border:1px solid #d49d48;border-radius:7px;padding:10px}.kb-job{border:1px solid var(--kb-line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.kb-job span{font-size:12px}.kb-job progress{width:140px}.kb-hint{margin:8px 0}.kb-job a{font-size:12px;text-decoration:none}@media (width<=1200px){.kb-layout{grid-template-columns:minmax(0,1fr) 220px}.kb-library{flex-flow:wrap;grid-column:1/-1;align-items:center;max-height:130px}.kb-library h2{margin:0}.kb-library button{max-width:200px}}@media (width<=700px){.kb-layout{grid-template-columns:minmax(0,1fr)}.kb-inspector{max-height:none}.kb-scroll{min-height:220px;max-height:65vh}.kb-toolbar h1{font-size:21px}.kb-toolbar input{width:100%}.kb-fields{grid-template-columns:repeat(3,1fr)}.kb-library{max-height:110px}.kb-job{align-items:flex-start}.kb-job span{width:100%}}.kb-inspector fieldset{border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:0;display:flex}@media (width<=700px){.kb-library{align-items:flex-start;max-height:230px}}.kb-template-picker{color:#e4eef3;background:#162332;border:1px solid #637483;border-radius:16px;width:min(960px,94vw);max-height:88vh;padding:24px;overflow:auto}.kb-template-picker::backdrop{background:#000a}.kb-template-picker header{justify-content:space-between;align-items:start;gap:12px;display:flex}.kb-template-picker h2{margin:0}.kb-template-picker p{color:#b7c5d1}.kb-template-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;display:grid}.kb-template-grid button{text-align:left;flex-direction:column;gap:10px;display:flex;padding:14px!important}.kb-template-grid button:hover{border-color:#ff6428}.kb-template-grid span{color:#b7c5d1;font-size:12px}.kb-template-preview{background:#0b131e;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;height:230px;padding:6px;display:flex}.kb-template-preview>div{flex:1;max-width:100%;max-height:100%;position:relative;overflow:hidden}.kb-template-preview img{object-fit:contain;width:100%;height:100%;display:block}.kb-template-preview img+img{position:absolute;inset:0}.kb-template-grid button:focus-visible{outline:3px solid #ff6428}.kb-start{max-width:900px;margin:40px auto;padding:24px}.kb-start h1{font-size:28px}.kb-start>p{opacity:.75}.kb-start-actions{gap:12px;margin:28px 0;display:flex}.kb-start-actions button{min-width:120px;padding:16px}.kb-start-saved{gap:10px;margin-top:32px;display:grid}.kb-start-saved button{text-align:left;flex-direction:column;gap:6px;display:flex}.kb-start-saved small{opacity:.7}.kb-image-list{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.kb-image-list>div{width:64px;position:relative}.kb-image-list>div>button:first-child{width:100%;padding:4px}.kb-image-list img{object-fit:contain;width:48px;height:48px}.kb-image-list span{font-size:11px;display:block}.kb-image-list .kb-image-delete{color:#fff;background:#a32232;border-radius:50%;width:24px;height:24px;padding:0;position:absolute;top:-6px;right:-5px}.kb-image-list>div.selected{border-radius:7px;outline:2px solid #ff6428}.kb-saved-row{gap:6px;display:flex}.kb-saved-row>button:first-child{flex:1;min-width:0}.kb-saved-row>.kb-project-delete{flex:none;align-self:center;font-size:12px}.kb-layout{grid-template-columns:minmax(0,1fr) 260px}.kb-picker-path{align-items:center;gap:10px;margin:14px 0;display:flex}.kb-sort{justify-content:flex-end;align-items:center;gap:8px;margin:12px 0;display:flex}.kb-picker-entry{flex-direction:column;gap:8px;display:flex}.kb-picker-entry>button:first-child{flex:1}.kb-caption-dialog{color:#e4eef3;background:#162332;border:1px solid #637483;border-radius:16px;width:min(850px,94vw);max-height:90vh;padding:20px;overflow:auto}.kb-caption-dialog::backdrop{background:#000a}.kb-caption-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.kb-caption-dialog h2{font-size:20px}.kb-caption-crop{background:#111;width:100%;margin:20px 0;display:block}.kb-caption-inputs{flex-direction:column;justify-content:center;gap:1px;width:100%;height:100%;display:flex}.kb-caption-inputs input{text-align:center;outline:none;width:100%;min-width:0;line-height:1.1;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;font-family:KujiBoardFont!important}.kb-caption-inputs input:focus{box-shadow:inset 0 -1px #ff6428;background:#ffffff12!important}.kb-caption-dialog>p{opacity:.7;font-size:12px}@media (width<=700px){.kb-layout{grid-template-columns:minmax(0,1fr)}.kb-caption-dialog{padding:12px}.kb-picker-path{flex-wrap:wrap}}.kb-page-menu{gap:8px;margin-top:10px;display:flex}.kb-page-menu button{font:inherit;border:1px solid var(--office-border,#788a8a55);color:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px}.kb-page-menu button[aria-current=page]{color:#fff;background:#15796f;border-color:#15796f}.kb-page-menu button:disabled{opacity:.45;cursor:default}.kb-template-picker form label,.kb-caption-dialog form label{flex-direction:column;gap:10px;margin:18px 0;display:flex}.kb-template-picker form input,.kb-caption-dialog form input{width:100%}.kb-source-choice>button{justify-content:center;min-height:110px}.kb-source-choice>button:first-child{border-color:#15796f}.kb-board-thumbnail{background:#101922;border-radius:8px;width:100%;min-height:70px;position:relative;overflow:hidden}.kb-board-thumbnail>svg{pointer-events:none;width:100%;height:100%;display:block}.kb-thumbnail-error{background:#162332e8;padding:6px;font-size:11px;position:absolute;inset:auto 0 0}.kb-picker-entry>button:first-child{width:100%}.kb-arrangement{color:#e4eef3;background:#162332;border:1px solid #637483;border-radius:14px;width:min(1200px,96vw);max-height:92vh;padding:20px;overflow:auto}.kb-arrangement::backdrop{background:#000b}.kb-arrangement header{justify-content:space-between;gap:12px;display:flex}.kb-arrangement header h2{margin:0}.kb-arrangement p,.kb-arrangement small{font-size:12px}.kb-arrange-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.kb-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:55vh;padding:7px;display:grid;overflow:auto}.kb-pool>div{border:2px solid #0000;border-radius:7px;position:relative}.kb-pool>div.selected{border-color:#ff6428}.kb-pool button{width:100%;padding:4px}.kb-pool img{object-fit:contain;width:100%;height:60px}.kb-pool span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.kb-pool .kb-pool-delete{color:#fff;background:#a32232;border-radius:50%;width:23px;height:23px;padding:0;position:absolute;top:-5px;right:-5px}.kb-arrange-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.kb-arrange-slots button{text-align:center;min-width:0}.kb-arrange-slots button>div{justify-content:center;gap:2px;height:100px;display:flex;overflow:hidden}.kb-arrange-slots img{object-fit:contain;min-width:0;max-width:100%;height:100%}.kb-arrange-slots span{font-size:11px;display:block}.kb-arrangement footer{background:#162332;justify-content:flex-end;align-items:center;gap:16px;padding:12px;display:flex;position:sticky;bottom:-20px}@media (width<=700px){.kb-arrange-layout{grid-template-columns:1fr}.kb-pool{grid-template-columns:repeat(4,minmax(0,1fr));max-height:180px}.kb-arrange-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-arrange-slots button>div{height:75px}.kb-arrangement{padding:12px}.kb-arrangement header>button{flex-shrink:0}}.kb-arrangement button[aria-pressed=true]{background:#503127;border-color:#ff6428}.kb-arrange-selected>div{flex-wrap:wrap;gap:8px;display:flex}.kb-arrange-selected>div>div{width:80px;position:relative}.kb-arrange-selected img{object-fit:contain;width:80px;height:80px}.kb-arrange-selected button{color:#fff;background:#a32232;border-radius:50%;padding:2px 7px;position:absolute;top:0;right:0}:root{color:#203b38;--office-border:#b5b4a4;--office-surface:#fffdf8;--office-text:#203b38;background:#f4f0e7;font-family:Arial,sans-serif}body{margin:0;padding:18px}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.kuji-service-header{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;display:flex}.kuji-service-header nav{gap:10px;margin-left:auto;display:flex}dialog{color:#203b38;background:#fffdf8;border:1px solid #bbb;border-radius:12px;max-height:90vh;overflow:auto}dialog::backdrop{background:#0007}