.note-maker{color:#26231f;background:#f4f1ea;min-height:100vh}.note-maker-hero{color:#fff;background:#203a35;justify-content:space-between;align-items:center;padding:26px clamp(20px,5vw,72px);display:flex}.note-maker-hero span,.note-result-head small{color:#d4a857;letter-spacing:.16em;font-size:11px;font-weight:900}.note-maker-hero h1{margin:5px 0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(28px,4vw,44px)}.note-maker-hero p{color:#d9e2df;margin:0}.note-maker-hero a{color:#fff;border:1px solid #80968f;border-radius:999px;padding:9px 15px;text-decoration:none}.note-maker-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;max-width:1500px;margin:auto;padding:28px;display:grid}.note-maker-form{background:#fff;border:1px solid #ded8cc;border-radius:14px;align-self:start;gap:18px;padding:22px;display:grid;position:sticky;top:20px}.note-maker-form label{gap:7px;font-size:13px;font-weight:800;display:grid}.note-maker-form label strong{color:#ad4f3b;font-size:11px}.note-maker-form label small{color:#7b756d;font-weight:500}.note-maker-form input,.note-maker-form textarea,.note-article-text{color:#26231f;font:inherit;background:#fbfaf7;border:1px solid #cdc6ba;border-radius:8px;padding:11px}.note-maker-form textarea{resize:vertical;min-height:100px}.note-maker-form button,.note-result-head button,.note-x-list button,.note-image-list button{color:#fff;cursor:pointer;background:#b95f45;border:0;border-radius:8px;padding:11px 14px;font-weight:800}.note-maker-form button:disabled,.note-image-list button:disabled{cursor:wait;opacity:.55}.note-theme-generator{background:#f1f6f2;border:1px solid #cbdcd4;border-radius:10px;gap:13px;padding:15px;display:grid}.note-theme-generator>div>b{color:#355a50;font-family:Georgia,Yu Mincho,serif;font-size:16px}.note-theme-generator>div>p{color:#6b756f;margin:5px 0 0;font-size:11px;line-height:1.6}.note-theme-generator label textarea{min-height:86px}.note-maker-form .note-theme-generator>button{background:#47675f}.note-revision-block{border-top:1px solid #e2dcd1;gap:10px;padding-top:18px;display:grid}.note-revision-block label textarea{min-height:120px}.note-revision-block>p{color:#746d64;margin:-2px 0 0;font-size:11px;line-height:1.6}.note-revision-block>button,.note-maker-form .note-apply-fixed-url{background:#47675f}.note-maker-spec{background:#f6f1e7;border-left:3px solid #d4a857;border-radius:4px;padding:12px}.note-maker-spec p,.note-maker-message{color:#6c655c;margin:5px 0 0;font-size:12px;line-height:1.6}.note-save-status{color:#47675f;background:#eef4f2;border-radius:7px;gap:3px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;display:grid}.note-save-status span{color:#746d64}.note-login-guide{color:#47675f;text-align:center;font-size:13px;font-weight:900}.note-maker-output{gap:22px;min-width:0;display:grid}.note-maker-empty{text-align:center;background:#ffffff8c;border:1px dashed #c6bcad;border-radius:14px;align-content:center;min-height:420px;padding:30px;display:grid}.note-maker-empty img{object-fit:cover;border-radius:10px;width:min(100%,620px);max-height:260px;margin:0 auto 18px}.note-maker-empty span{color:#d4a857;font-size:38px}.note-maker-empty h2{margin-bottom:4px}.note-maker-empty p{color:#7b756d}.note-result-card{background:#fff;border:1px solid #ded8cc;border-radius:14px;padding:20px}.note-result-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.note-result-head h2{margin:4px 0;font-family:Georgia,Yu Mincho,serif}.note-result-head p{color:#7b756d;margin:0;font-size:12px}.note-article-text{resize:vertical;width:100%;min-height:720px;line-height:1.85}.note-x-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.note-x-list article{background:#fbfaf7;border:1px solid #e2dcd1;border-radius:9px;padding:13px}.note-x-list article>div{justify-content:space-between;display:flex}.note-x-list b{color:#47675f;font-size:12px}.note-x-list span{color:#888078;font-size:11px}.note-x-list span.over{color:#c43b30;font-weight:900}.note-x-list p{min-height:64px;line-height:1.6}.note-x-list button{background:#47675f;padding:7px 10px}.note-image-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.note-image-list article{border:1px solid #e2dcd1;border-radius:10px;gap:10px;padding-bottom:13px;display:grid;overflow:hidden}.note-image-list img,.note-image-placeholder{aspect-ratio:16/9;object-fit:cover;background:#e9e3d8;width:100%}.note-image-placeholder{color:#90877c;justify-content:center;align-items:center;display:flex}.note-image-list article>div:not(.note-image-placeholder),.note-image-list article>button,.note-image-list article>a{margin-left:12px;margin-right:12px}.note-image-list p{color:#766f66;margin:4px 0 0;font-size:12px}.note-image-list a{color:#47675f;text-align:center;font-size:13px;font-weight:800}.note-archive-count{color:#47675f;white-space:nowrap;background:#eef4f2;border-radius:999px;padding:7px 11px;font-size:12px}.note-archive-empty{color:#7b756d;text-align:center;margin:8px 0}.note-archive-list{gap:12px;display:grid}.note-archive-item{background:#fbfaf7;border:1px solid #e2dcd1;border-radius:10px;padding:15px}.note-archive-summary small{color:#928a80;font-size:11px}.note-archive-summary h3{margin:4px 0;font-family:Georgia,Yu Mincho,serif;font-size:18px}.note-archive-summary p{color:#746d64;margin:0;font-size:12px}.note-archive-sales{align-items:end;gap:10px;margin-top:13px;display:flex}.note-archive-sales label{color:#555048;gap:5px;font-size:12px;font-weight:800;display:grid}.note-archive-sales input{color:#26231f;font:inherit;background:#fff;border:1px solid #cdc6ba;border-radius:7px;width:110px;padding:8px 10px}.note-archive-sales button,.note-archive-actions button{color:#fff;cursor:pointer;background:#47675f;border:0;border-radius:7px;padding:9px 12px;font-weight:800}.note-archive-sales button:disabled{cursor:wait;opacity:.55}.note-archive-item details{border-top:1px solid #e2dcd1;margin-top:14px;padding-top:12px}.note-archive-item summary{color:#47675f;cursor:pointer;font-size:13px;font-weight:900}.note-archive-body{gap:12px;padding-top:12px;display:grid}.note-archive-fixed-link{color:#47675f;justify-self:start;font-size:13px;font-weight:900}.note-archive-revision{background:#f3eee5;border-radius:7px;padding:10px}.note-archive-revision p{color:#6d665d;white-space:pre-wrap;margin:4px 0 0;font-size:12px;line-height:1.6}.note-archive-body textarea{color:#39352f;font:inherit;resize:vertical;background:#fff;border:1px solid #d6cfc3;border-radius:8px;width:100%;min-height:360px;padding:12px;line-height:1.7}.note-archive-actions{justify-content:flex-end;gap:9px;display:flex}.note-maker-panel-title{border-bottom:1px solid #e2dcd1;padding-bottom:14px}.note-maker-panel-title span{color:#b8842d;letter-spacing:.13em;font-size:10px;font-weight:900}.note-maker-panel-title h2{margin:4px 0;font-family:Georgia,Yu Mincho,serif;font-size:23px}.note-maker-panel-title p{color:#746d64;margin:0;font-size:12px;line-height:1.5}.note-maker-embedded{background:0 0;min-height:0}.note-maker-embedded .note-maker-grid{max-width:none;padding:0}@media (max-width:900px){.note-maker-grid{grid-template-columns:1fr;padding:16px}.note-maker-form{position:static}.note-x-list,.note-image-list{grid-template-columns:1fr}.note-archive-sales{flex-direction:column;align-items:stretch}.note-archive-sales input{width:100%}.note-archive-actions{flex-direction:column}.note-maker-hero{flex-direction:column;align-items:flex-start;gap:16px}}