/* LEONARDO WORKSHOP • Studio 0.13 — studio visual direction + live tasks.
   A single polished right panel, intentionally no left sidebar. */
:root{--ws-ivory:#faf9f5;--ws-cream:#f2e7d4;--ws-canvas:#e0d6c3;--ws-ink:#262626;--ws-border:#d4c8b5;--ws-warm:#a28e72}
body,#app{color:var(--ws-ink)}
.top{height:86px!important;padding:0 clamp(22px,3vw,52px)!important;background:linear-gradient(120deg,#f3e9d9 0%,#eaddc8 100%)!important;border-bottom:1px solid #c8b79e;box-shadow:0 3px 14px #4d3d2715;gap:20px}
.top .brand{display:flex;align-items:center;gap:15px!important;min-width:265px!important;color:#262626!important;padding:0!important;letter-spacing:0!important}
.workshop-emblem{display:grid;place-items:center;height:57px;width:57px;border:1px solid #685b47;border-radius:50%;background:#eadfcd;flex:none}
.workshop-emblem svg{width:51px;height:51px;fill:none;stroke:#524a3e;stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.brand-copy strong{font-family:Georgia,serif;font-size:16px;font-weight:700;letter-spacing:2.5px;line-height:1.05}
.brand-copy small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.2px;white-space:nowrap;color:#746c60;font-weight:600}
.top .top-center{border:0;background:transparent;color:#4c4239!important;font-family:Georgia,serif;font-size:13px;letter-spacing:.2px;cursor:default;flex:1;text-align:center;min-width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.top .header-actions{gap:12px!important;margin-left:auto}
#searchShell{width:clamp(180px,20vw,360px);position:relative;height:40px;border:1px solid #d4c5b1;border-radius:13px;background:#efe3d0;display:flex;align-items:center;padding:0 10px;box-shadow:inset 0 1px 3px #55442a0c;flex-shrink:1;min-width:100px}
#searchShell:focus-within{border-color:#9d8567;box-shadow:0 0 0 3px #2626260c}
#searchShell>svg{height:18px;width:18px;flex:none;stroke:#756450;stroke-width:1.6;fill:none;margin-right:7px}
#workshopSearch{flex:1;min-width:0;outline:0;border:0;background:transparent;color:#262626;font-size:12px;height:100%;padding:0}
#workshopSearch::placeholder{color:#847866}
#searchShell kbd{font-family:inherit;font-size:10px;border:1px solid #d2c3ae;border-radius:5px;color:#877865;padding:3px 5px;white-space:nowrap;margin-left:5px}
#helpBtn{height:36px;width:36px;border:1px solid #a89880!important;color:#262626!important;border-radius:11px;display:grid;place-items:center}
#helpBtn svg{width:21px;height:21px;stroke:#262626;stroke-width:1.7;fill:none}
.top .account-btn{border:1px solid #9a8770!important;color:#262626!important;border-radius:18px!important;padding:8px 17px!important;font-size:11px;letter-spacing:.65px;background:#eee2d0!important}
.search-results{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,88vw);max-height:min(430px,70vh);overflow-y:auto;background:#faf9f5;border:1px solid #d4c5b1;border-radius:17px;box-shadow:0 16px 43px #4d3b252a;padding:8px;z-index:100}
.ws-search-heading{font-size:10px;color:#958267;letter-spacing:1.4px;padding:12px 10px 7px;font-weight:800}
.search-results button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:11px;text-align:left;border-radius:10px;color:#262626}
.search-results button:hover,.search-results button:focus-visible{background:#eee4d5}
.search-results button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;font-size:13px;font-weight:700;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-results button small{font-size:10px;color:#897c69;font-weight:400}
.ws-search-mark{width:32px;height:32px;border-radius:9px;background:#e4d8c5;display:grid;place-items:center;color:#534632;flex:none}
.search-results button b{font-weight:400;color:#948670}
.ws-search-none{padding:12px;color:#756854;font-size:12px}
.studio{height:calc(100dvh - 86px)!important}
.stage{background-color:#ded3c0!important;background-image:radial-gradient(#b4a48d55 .65px,transparent .85px),radial-gradient(circle at 20% 20%,#fff4 0,transparent 40%)!important;background-size:30px 30px,100% 100%!important}
.stage-bottom{border:1px solid #dbcdb8;background:#f5ead8!important;border-radius:14px!important;box-shadow:0 3px 12px #6f604523}
.stage-tip{font-size:9px;color:#80735e!important}
.sidebar{width:300px!important;background:#f2e7d4!important;border-left:1px solid #d3c4ae;box-shadow:-4px 0 18px #5f543b14!important}
.sidebar .aside-head{padding:17px 19px 13px!important;height:64px;min-height:64px;border-bottom:1px solid #dacdb9}
.sidebar .aside-head #asideTitle{font-family:Georgia,serif;font-weight:700;letter-spacing:1.1px;font-size:14px;color:#32291e!important}
.sidebar #toolsView{padding:12px 17px 4px!important}
#toolsView .aside-hint{font-size:11px;color:#756953!important;margin-bottom:12px}
/* Large cards give the library the same care as placed tools. */
#toolsView .tools{gap:7px!important}
#toolsView .tools button{height:46px!important;min-height:46px!important;display:flex;align-items:center;gap:12px!important;background:#e3d6c2!important;color:#29251f!important;border:1px solid #e0d0b9!important;border-radius:13px!important;font-family:Arial,sans-serif!important;font-style:normal!important;font-size:12px!important;letter-spacing:.15px!important;font-weight:600!important;padding:5px 10px!important;transition:background .15s,transform .15s,box-shadow .15s}
#toolsView .tools button:hover{background:#f8f0e3!important;transform:translateX(-2px);box-shadow:0 3px 10px #44352518}
#toolsView .tools button i{height:33px!important;width:34px!important;min-width:34px!important;border-radius:10px!important;background:#d2c3ac!important;color:#4d4030!important;font-size:20px!important;display:grid;place-items:center}
#toolsView .tools small{font-size:9px;color:#897b69}
#toolsView .quick-tools{gap:6px!important;margin-top:11px!important}
#toolsView .quick-tools button{background:#e4d8c5!important;border:1px solid #dacbb6!important;border-radius:12px!important;min-height:39px!important;color:#372f25!important;transition:background .15s}
#toolsView .quick-tools button:hover{background:#f8f0e3!important}
#toolsView .utility{gap:7px!important}
#toolsView .utility button{border-radius:11px!important;min-height:39px!important;background:#e7dac7!important;color:#30291f!important;border:1px solid #d7c7b1!important;font-size:10px!important;font-weight:700!important;letter-spacing:.2px;padding:6px!important}
#toolsView .utility button:hover{background:#faf4e9!important}
.sidebar .aside-divider{background:#d7c7af!important;margin:14px 0!important}
.sidebar .layers-heading-main{font-family:Georgia,serif;letter-spacing:.9px}
/* Cards are intrinsic tools; outline only for active selection, with permanent warm card chrome. */
.item.document .item-body,.item.spreadsheet .item-body,.item.taskboard .item-body,.item.sketchbook .item-body,.item.image .item-body,.item.file .item-body{border-radius:16px!important}
.item.document .item-body{border-radius:5px!important}
.item.taskboard .item-body{border-radius:17px!important;overflow:hidden!important;box-shadow:0 5px 17px #4a3c2d23!important}
.item.spreadsheet .item-body{box-shadow:0 5px 17px #4a3c2d1e!important}
.item.document .item-body{box-shadow:4px 3px 0 #f9f7f3,8px 8px 0 #cdc3b5,0 9px 18px #4d402519!important}
.workshop-card-header{position:absolute;left:0;right:0;top:-45px;height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#262626;background:#f8f2e9f2;border:1px solid #dbcebb;border-bottom:1px solid #dfd3c3;border-radius:15px 15px 0 0;z-index:16;box-shadow:0 -2px 10px #5143300a;user-select:none;cursor:grab}
.workshop-card-header:active{cursor:grabbing}
.workshop-card-header .ws-card-icon{width:20px;height:20px;stroke:#5f503e;stroke-width:1.65;fill:none;flex:none}
.workshop-card-header .ws-card-title{font-size:13px;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#302a24}
.ws-card-actions{height:29px;width:32px;display:grid;place-items:center;border:0;background:transparent;color:#4a4035;border-radius:9px;font-size:23px;line-height:10px;font-weight:700;flex:none}
.ws-card-actions:hover{background:#e8dccb}
.item.taskboard .item-body{padding:18px 17px!important}
.taskboard-body{width:100%;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#c8b9a2 transparent}
.tb-overview{display:flex;flex-direction:column;gap:9px;margin:3px 0 17px}
.tb-meta{display:flex;justify-content:space-between;gap:10px;color:#837363;font-size:10px;letter-spacing:.2px}
.tb-meta b{font-weight:800;color:#42382a}
.tb-meter{height:5px;border-radius:5px;background:#ded2bd;overflow:hidden}
.tb-meter>span{height:100%;display:block;background:#6b7659;border-radius:8px;transition:width .2s}
.tb-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.tb-view-switch{display:flex;gap:4px;padding:3px;background:#e6d8c4;border-radius:10px}
.tb-view-switch button,.tb-filters button{border:0;border-radius:8px;padding:7px 11px;font-size:11px;color:#796a59;background:none;white-space:nowrap}
.tb-view-switch button.active,.tb-filters button.active{background:#faf9f5;color:#2e2b25;box-shadow:0 1px 5px #38271816;font-weight:700}
.tb-add,.task-inspector-add{border:0;background:#39382f;color:#faf9f5;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:700;white-space:nowrap}
.tb-add:hover,.task-inspector-add:hover{background:#5b5447}
.tb-filters{display:flex;gap:5px;border-bottom:1px solid #d9cbb7;padding-bottom:12px;margin-bottom:5px;overflow-x:auto;scrollbar-width:none}
.tb-filters button{padding:7px 8px;font-size:10px}
.tb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:27px 12px;color:#776b58}
.tb-empty-icon{font-size:30px;border-radius:13px;color:#706750}
.tb-empty strong{font-size:13px;color:#494033}.tb-empty small{font-size:11px;max-width:230px;line-height:1.5}
.tb-list{display:flex;flex-direction:column}
.tb-task{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 8px;border-bottom:1px solid #e1d4c1;border-radius:7px;cursor:pointer;transition:background .12s}
.tb-task:hover,.tb-task-current{background:#e7dbc9}
.tb-check{border:1.5px solid #aa9b84;background:transparent;color:#faf9f5;width:18px;height:18px;min-width:18px;border-radius:5px;padding:0;font-size:12px;display:grid;place-items:center}
.tb-check.is-done{background:#5d8062;border-color:#5d8062}
.tb-task-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.tb-task-name{font-size:12px;font-weight:600;line-height:1.45;color:#383229;word-break:break-word}
.tb-task:has(.is-done) .tb-task-name{text-decoration:line-through;opacity:.6}
.tb-task-text small{font-size:10px;color:#817564;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-priority{font-size:9px;font-weight:700;padding:5px 7px;border-radius:6px;white-space:nowrap;color:#6a5640;background:#e2d4bd;flex:none}
.tb-priority.tb-high{background:#e9c3b9;color:#6e4538}.tb-priority.tb-low{background:#dce0d1;color:#55654a}
.tb-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.tb-column{background:#e8dece;border-radius:10px;min-width:0;padding:7px;min-height:180px}
.tb-column.tb-drop-active{outline:2px dashed #80725b;background:#f3ebdd}
.tb-column-head{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 4px 12px;border-bottom:1px solid #d7c7b2}
.tb-column-head b{font-size:9px;letter-spacing:.6px;color:#655747}
.tb-column-head span{border-radius:8px;background:#f8efe0;font-size:10px;padding:2px 6px;color:#776958}
.tb-column .tb-task{background:#f8f2e7;border-radius:8px;box-shadow:0 2px 7px #6b513917;margin-top:8px;padding:9px 7px;align-items:flex-start;flex-wrap:wrap;min-height:58px;gap:6px}
.tb-column .tb-task-name{font-size:11px}.tb-column .tb-priority{margin-left:25px}
/* Task management inside the dedicated Properties sidebar */
.task-inspector-list{display:flex;flex-direction:column;gap:5px;margin:8px 0 12px}
.task-inspector-link{display:flex;align-items:center;width:100%;gap:9px;text-align:left;padding:9px;border-radius:9px;border:1px solid #d8c8b1;background:#ede0cb;color:#423628}
.task-inspector-link:hover,.task-inspector-link.active{background:#faf5ec;border-color:#a49172}
.task-inspector-link span:nth-child(2){min-width:0;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px}
.task-inspector-link small{font-size:9px;color:#8b7e68}.ti-dot{height:9px;width:9px;border:1px solid #9b8c74;border-radius:50%}.ti-dot.done{background:#698567;border-color:#698567}
.task-inspector-add{width:100%}
.task-linked-row{display:flex;gap:4px;margin-bottom:5px}.task-linked-row button{border:0;border-radius:7px;background:#e7d9c6;padding:7px 9px;color:#332f29}.task-linked-row button:first-child{flex:1;text-align:left;min-width:0}
.task-check-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #d3c4ad}
.task-check-row>span{flex:1;min-width:0;font-size:12px}.task-check-row>span.checked{text-decoration:line-through;opacity:.65}
.task-check-row button{border:0;background:none;color:#735f4b;font-size:16px}
.task-check-create{display:flex;gap:6px;align-items:center;margin:10px 0}.task-check-create input{min-width:0;flex:1;max-width:100%}
.task-check-create button{border:0;border-radius:8px;padding:9px;background:#d6c4aa}.task-danger{margin-top:12px;color:#663535;background:transparent;border:0;font-size:11px}
/* Right-panel editor typography remains the same size as Documents. */
#inspectorView .task-inspector-list,#inspectorView .task-linked-list{max-height:180px;overflow-y:auto;scrollbar-width:thin}
#inspectorView .task-inspector-add,#inspectorView .inspector-section>button:not(.page-select){font-size:12px}
/* Home is intentionally uncluttered: recent projects, create one, and nothing else. */
.home{background:linear-gradient(120deg,#e1d5c0,#e6dccd)!important}
.home-inner{max-width:1240px!important;padding:56px clamp(24px,4vw,66px)!important}
.home-inner .section-head{color:#3c342a!important;font-family:Georgia,serif;font-size:18px;letter-spacing:.3px}
.home-inner .bench-card{width:100%!important;height:151px!important;border-radius:19px!important;background:#f3e8d7!important;color:#352d23!important;box-shadow:0 8px 24px #5c473522!important;padding:20px!important}
.home-inner .bench-card strong{font-size:15px;border-bottom:1px solid #a9977c!important}
.home-inner .bench-card span{font-size:11px}.home-inner .new-tile{width:206px!important;height:132px!important;border-radius:19px!important;background:#f3e8d7!important;color:#84735e!important}
.home-inner .new-tile span{font-size:66px!important}.home-inner .workbench-grid{gap:20px!important}
@media(max-width:1200px){.brand-copy small{display:none}.top .brand{min-width:190px!important}.top .top-center{flex:.6;font-size:11px}.sidebar{width:286px!important}}
@media(max-width:820px){.top{height:68px!important;padding:0 12px!important;gap:9px}.studio{height:calc(100dvh - 68px)!important}.top .brand{min-width:unset!important}.workshop-emblem{height:39px;width:39px}.workshop-emblem svg{width:36px;height:36px}.brand-copy strong{font-size:11px}.top .top-center{display:none}.top .header-actions{gap:7px!important}#searchShell{width:min(38vw,200px);height:36px}#searchShell kbd{display:none}.top .account-btn{font-size:9px;padding:7px 9px!important}.sidebar{width:min(330px,93vw)!important}.workshop-card-header{height:43px}.tb-columns{grid-template-columns:1fr;gap:6px}.tb-column{min-height:0}}
@media(prefers-reduced-motion:reduce){.search-results button,.tb-task,.tb-meter span{transition:none!important}}
/* Multipage document navigation stays inside the paper rather than colliding with its new toolbar. */
.item.document .page-tabs{top:11px!important;right:12px!important;gap:3px!important;z-index:18}
.item.document .page-tabs button,.item.document .page-jump{background:#f4eee5!important;border:1px solid #ded4c7!important;color:#594c3b!important;border-radius:7px!important;box-shadow:none!important;min-height:25px}
.item.document .page-tabs button:disabled{opacity:.45}
#searchShell .search-results{user-select:text}

@media(max-width:520px){
 .top .brand{gap:7px!important}.brand-copy strong{font-size:9px;letter-spacing:1.1px}.workshop-emblem{width:34px;height:34px}.workshop-emblem svg{width:32px;height:32px}
 .top .header-actions{gap:5px!important;min-width:0}
 #searchShell{width:36px;min-width:36px;padding:0 8px;overflow:visible;cursor:pointer}
 #searchShell>svg{height:18px;width:18px;margin:0}
 #searchShell input{position:absolute;left:0;top:0;width:100%;height:100%;min-width:0;opacity:0;cursor:pointer}
 #searchShell:focus-within{position:fixed;top:9px;right:57px;width:calc(100vw - 68px);height:48px;z-index:75;background:#f8f0e3;display:flex;overflow:visible}
 #searchShell:focus-within svg{margin-right:8px}
 #searchShell:focus-within input{position:static;left:auto;top:auto;width:auto;min-width:0;opacity:1;cursor:text}
 .top #helpBtn{width:32px;height:32px}
 .top .account-btn{font-size:0!important;padding:0!important;width:34px;height:34px;border-radius:50%!important;display:grid;place-items:center}
 .top .account-btn::before{content:'●';font-size:16px;color:#967c54}
}