.tool-page{max-width:1100px}.intro{color:var(--muted);margin:10px 0 24px}.tool-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.tool-controls label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.tool-controls .file-picker{color:#fff;align-self:end;cursor:pointer}.tool-controls select,.tool-controls input:not([type=file]){height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px;color:var(--ink);width:100%}.tool-controls input[type=color]{padding:3px!important}.item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:15px 0}.item-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.item-card img{width:100%;height:130px;object-fit:contain;background:#eef0f4;border-radius:8px}.item-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.item-actions{display:flex;gap:4px;flex-wrap:wrap}.item-actions button{background:var(--bg);border-radius:7px;min-height:38px;padding:5px 8px;font-size:12px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 8px}.preview-wrap{max-width:100%;overflow:auto;background:#e2e5ea;border-radius:14px;padding:15px}.preview-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);background-size:20px 20px}.seam-list{display:grid;gap:10px;margin:14px 0}.seam-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:10px;border-radius:10px}.seam-row label{font-size:13px}.seam-row input{width:100px;border:1px solid var(--line);border-radius:7px;padding:7px}.seam-row small{color:var(--muted)}@media(max-width:600px){.tool-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}.tool-controls .file-picker{grid-column:1/-1}.item-list{grid-template-columns:repeat(2,minmax(0,1fr))}.item-actions button{flex:1}.result-actions>*{width:100%}}
.article-form,.paste-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0}.article-form{display:flex;align-items:end;gap:12px}.article-form label,.paste-fields label{display:block;flex:1;font-size:14px}.article-form input,.paste-fields input,.paste-fields textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit}.paste-panel summary{cursor:pointer}.paste-fields{display:grid;gap:12px;margin-top:14px}.paste-fields textarea{resize:vertical}.article-preview{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,5vw,55px);margin-top:20px}.article-preview h2{font-size:clamp(24px,3vw,32px)}.article-preview #body{font-size:17px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.article-preview #body p{margin:0 0 1em}.article-preview #source{overflow-wrap:anywhere}.tool-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin-top:26px}.tool-directory a{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;text-decoration:none}.tool-directory a:hover{border-color:var(--orange)}.tool-directory strong{display:block;font-size:19px}.tool-directory span{display:block;color:var(--muted);font-size:14px;margin-top:6px}@media(max-width:600px){.article-form{display:block}.article-form button{width:100%;margin-top:10px}}@media print{body{background:#fff}.header,.tool-page>.eyebrow,.tool-page>h1,.intro,.article-form,.paste-panel,.no-print,#message{display:none!important}.article-preview{border:0;padding:0;margin:0}.article-preview #body{font-size:12pt;line-height:1.7}footer{display:none!important}}