/* Desktop adaptation requested 2026-10-09. Mobile Figma geometry is unchanged.
   Creation wizards retain their original layout; workspaces expand independently. */
html.sseujak-desktop body:has(:is(#w-home,#w-work,#w-editor,#w-dashboard,#essay-home,#essay-book,#essay-editor,#essay-angles,#studio-home,#studio-genres,#studio-library):not(.hidden)),
html.sseujak-desktop body.memo-app {
  --sseujak-frame-width:960px;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f4f4f6;
}
html.sseujak-desktop body :is(#w-home,#w-work,#w-editor,#w-dashboard,#essay-home,#essay-book,#essay-editor,#essay-angles,#studio-home,#studio-genres,#studio-library),
html.sseujak-desktop body #memo-screen {
  width:min(100%,960px)!important;max-width:960px!important;margin:0 auto!important;box-sizing:border-box;
}
html.sseujak-desktop body :is(#w-editor,#essay-editor,#w-dashboard,#memo-screen){height:100dvh!important;min-height:0!important;background:#fff}
html.sseujak-desktop body :is(#w-work,#essay-book){background:#fff}
html.sseujak-desktop body :is(#w-editor,#essay-editor) :is(.ed-title,.essay-title-input){left:60px!important;right:60px!important;width:auto!important}
html.sseujak-desktop body :is(#w-editor,#essay-editor) :is(.ed-body,.essay-body-input){left:60px!important;right:60px!important;width:auto!important;font-size:18px!important;line-height:1.9!important;resize:none;scrollbar-width:auto}
html.sseujak-desktop body #essay-editor .essay-editor-count{right:60px}
html.sseujak-desktop body #essay-editor #essay-guide-open:not(.hidden){left:60px}
html.sseujak-desktop body #memo-content{left:60px;right:60px}
html.sseujak-desktop body #memo-photo{max-height:440px;height:auto;object-fit:contain}
html.sseujak-desktop body #memo-body{font-size:18px;line-height:1.9}
html.sseujak-desktop body .writer-shelf-heading{left:0;width:100%}
html.sseujak-desktop body :is(.writer-shelf-divider,.writer-shelf-list){left:40px;width:calc(100% - 80px);scrollbar-width:auto}
html.sseujak-desktop body .writer-shelf-list::-webkit-scrollbar{display:block;width:10px}
html.sseujak-desktop body :is(.writer-shelf-book,.writer-shelf-book::after){width:100%}
html.sseujak-desktop body .writer-shelf-open b{width:calc(100% - 85px)}
html.sseujak-desktop body .writer-shelf-delete{left:auto;right:4px}
html.sseujak-desktop body #w-new.writer-shelf-new{left:50%;transform:translateX(-50%);width:400px}
html.sseujak-desktop body :is(#essay-book-actions,.guide-result-actions){left:50%;right:auto;transform:translateX(-50%);width:600px;max-width:600px}
html.sseujak-desktop body #w-dashboard .db-content{padding-left:40px;padding-right:40px}
html.sseujak-desktop body #w-dashboard .db-cards{gap:24px}
html.sseujak-desktop body :is(#studio-library-content,#essay-book-content){left:40px;right:40px}
html.sseujak-desktop body #studio-library .studio-library-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
html.sseujak-desktop body #studio-library .studio-library-group + .studio-library-group{margin-top:0}
html.sseujak-desktop body :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #5546af;outline-offset:3px}
html.sseujak-desktop body [data-reorder-id],html.sseujak-desktop body [data-chapter-id]{cursor:grab}
html.sseujak-desktop body .reorder-active{cursor:grabbing}

html.sseujak-desktop body :is(.writer-book-divider,.essay-book-divider,.essay-shelf-divider,.essay-shelf-list,#essay-book-content,#wt-chapters){left:40px!important;right:40px!important;width:auto!important;scrollbar-width:auto}
html.sseujak-desktop body :is(#wt-chapters,#essay-book-content,.essay-shelf-list)::-webkit-scrollbar{display:block;width:10px}
html.sseujak-desktop body :is(.writer-book-head>h1,.essay-figma-book>h1){left:40px;width:calc(100% - 80px)}
html.sseujak-desktop body :is(.writer-figma-piece-card,.essay-shelf-book,.essay-shelf-book::after){width:100%}
html.sseujak-desktop body :is(.writer-book-empty,.essay-figma-book-empty){left:0;width:100%}
html.sseujak-desktop body .essay-shelf-delete{left:auto;right:4px}
html.sseujak-desktop body .essay-shelf-open b{width:calc(100% - 85px)}
html.sseujak-desktop body .essay-shelf-heading{left:0;width:100%}
html.sseujak-desktop body #w-dashboard{position:relative!important}
html.sseujak-desktop body .writer-piece-card{width:100%}
html.sseujak-desktop body #w-dashboard .db-range-chart{height:280px}

/* PC entry screens belong to the same workspace as the library and editor. */
html.sseujak-desktop body :is(#studio-home,#studio-genres){position:relative;height:100dvh;min-height:0!important;overflow:hidden;background:#fff}
html.sseujak-desktop body #studio-genres .studio-genre-list{inset:180px 40px var(--sseujak-nav-total-height);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 28px;overflow-y:auto;padding-bottom:24px}
html.sseujak-desktop body #studio-genres .studio-genre-choice:nth-child(n){position:relative;top:auto;left:auto;width:100%;height:auto;min-height:124px;padding:22px 36px 22px 14px;border-bottom:1px solid #e6e6e6;border-top:0}
html.sseujak-desktop body #studio-genres .studio-genre-choice:nth-child(n) b{position:static;width:auto;height:auto;white-space:normal;font-size:22px}
html.sseujak-desktop body #studio-genres .studio-genre-choice:nth-child(n) small{position:static;margin-top:12px;white-space:normal;line-height:1.6}
html.sseujak-desktop body #studio-genres .studio-genre-choice:nth-child(n) img{top:28px;left:auto;right:10px}
html.sseujak-desktop body #studio-home .studio-home-choices{inset:240px 100px var(--sseujak-primary-action-reserved);display:grid;grid-template-columns:1fr 1fr;gap:32px;overflow-y:auto;align-content:start;padding:6px}
html.sseujak-desktop body #studio-home .studio-home-choice{position:relative;top:auto;left:auto;width:100%;height:260px}
html.sseujak-desktop body #studio-home .studio-home-choice-card{width:100%}
html.sseujak-desktop body #studio-home .studio-home-choice-description{left:0;width:100%}
html.sseujak-desktop body #studio-home :is(.studio-home-fiction-icon,.studio-home-prose-icon){left:calc(50% - 17.5px)}
html.sseujak-desktop body #studio-genres .studio-genre-choice{display:block}
html.sseujak-desktop body #studio-home #figma-home-menu{left:auto!important;right:32px!important}
